(Geloest) [FTUI3] Tabview

Begonnen von Wolfgang Hochweller, 22 Oktober 2021, 17:33:23

Vorheriges Thema - Nächstes Thema
Drucken
Nach unten Seiten1
Benutzer-Aktionen

Wolfgang Hochweller

22 Oktober 2021, 17:33:23 Letzte Bearbeitung: 23 Oktober 2021, 09:00:19 von Wolfgang Hochweller
Was habe ich vergessen, wenn ich nicht einfach zwischen den Tabs umschalten kann, sondern dazwischen einen Pagerefesh brauche ?

Index-Datei :

Code Auswählen

<!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>

setstate

#1
22 Oktober 2021, 19:28:02
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.   

Wolfgang Hochweller

#2
22 Oktober 2021, 19:38:58
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.

StephanFHEM

#3
23 Oktober 2021, 00:54:26
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
Code Auswählen
style="z-index:1"

damit ist weiterhin alles anklickbar auch wenn du den Tab wechselst

Wolfgang Hochweller

#4
23 Oktober 2021, 07:53:26
Super, danke.

Das haette ich wohl so schnell nicht  gefunden.

Drucken
Nach oben Seiten1
Benutzer-Aktionen