Was habe ich vergessen, wenn ich nicht einfach zwischen den Tabs umschalten kann, sondern dazwischen einen Pagerefesh brauche ?
Index-Datei :
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui - FTUI */
/**
* UI builder framework for FHEM
*
* Version: 3.0.0
*
* Copyright (c) 2015-2021 Mario Stephan <mstephan@shared-files.de>
* Under MIT License (http://www.opensource.org/licenses/mit-license.php)
* https://github.com/knowthelist/ftui
*/
-->
<script src="ftui.js"></script>
<link href="ftui.css" rel="stylesheet">
<link href="themes/ftui-theme.css" rel="stylesheet">
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<!-- avoid 300ms delay on click-->
<meta name="viewport" content="width=device-width">
<meta name="mobile-web-app-capable" content="yes">
<meta name="toast_position" content="topLeft">
<!-- verbose level 0-4 -->
<meta name="debug" content="0">
<title>FTUI Home</title>
</head>
<body>
<ftui-grid base-width="50" base-height="43" margin="5" shape="round">
<ftui-grid-tile row="1" col="1" height="10" width="1">
<ftui-column>
<ftui-tab view="View1" >
<ftui-icon name="home1"></ftui-icon>
</ftui-tab>
<ftui-tab view="View4">
<ftui-icon name="calendar"></ftui-icon>
</ftui-tab>
</ftui-column>
</ftui-grid-tile>
<ftui-tab-view id="View1">
<ftui-content file="main.html"></ftui-content>
</ftui-tab-view>
<ftui-tab-view id="View4">
<ftui-content file="calendar.html"></ftui-content>
</ftui-tab-view>
</ftui-grid>
</body>
</html>
Das steht zwar ein Fragezeichen, aber was ist deine Frage? Beim Umschalten die ganze Seite wieder neu laden? Da landet man doch wieder vorne. Was ist den auf der zweiten Seite, was nicht aktuell ist? Ein Bild? Dafür muss aber nicht die ganze Seite aktualisiert werden. Da muss es eine andere Lösung geben.
Sorry, Missverstaendnis.
Problem ist, dass ich einen anderen Tab erst laden kann, wenn ich einen ( externen) Pagerefresh im Browser mache.
Beispiel, siehe Anhang. :
Dieses Bild erhalte ich, wenn ich das Home-Icon anklicke.
Kalender-Icon anklicken, nichts passiert. Ich muss erst die Seite neu laden lassen, dann Kalendar anklicken, geht.
wenn ich dich richtig verstehe bleibt dein Tab nicht aktiv und du kannst darauf nichts mehr anklicken...
dann musst du im grid-tile das folgende verwenden style="z-index:1"
damit ist weiterhin alles anklickbar auch wenn du den Tab wechselst
Super, danke.
Das haette ich wohl so schnell nicht gefunden.