Autor Thema: (Geloest) [FTUI3] Tabview  (Gelesen 623 mal)

Offline Wolfgang Hochweller

  • Sr. Member
  • ****
  • Beiträge: 659
(Geloest) [FTUI3] Tabview
« am: 22 Oktober 2021, 17:33:23 »
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>

« Letzte Änderung: 23 Oktober 2021, 09:00:19 von Wolfgang Hochweller »

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4349
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[FTUI3] Tabview
« Antwort #1 am: 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.   

Offline Wolfgang Hochweller

  • Sr. Member
  • ****
  • Beiträge: 659
Antw:[FTUI3] Tabview
« Antwort #2 am: 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.

Offline StephanFHEM

  • Full Member
  • ***
  • Beiträge: 476
Antw:[FTUI3] Tabview
« Antwort #3 am: 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 style="z-index:1"
damit ist weiterhin alles anklickbar auch wenn du den Tab wechselst

Offline Wolfgang Hochweller

  • Sr. Member
  • ****
  • Beiträge: 659
Antw:[FTUI3] Tabview
« Antwort #4 am: 23 Oktober 2021, 07:53:26 »
Super, danke.

Das haette ich wohl so schnell nicht  gefunden.


 

decade-submarginal