(Geloest) [FTUI3] Tabview

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

Vorheriges Thema - Nächstes Thema

Wolfgang Hochweller

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>


setstate

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

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

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

Wolfgang Hochweller

Super, danke.

Das haette ich wohl so schnell nicht  gefunden.