FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: elle am 30 Oktober 2026, 17:26:17

Titel: [FTUI 3] Problem mit Swiper - Fehler?
Beitrag von: elle am 30 Oktober 2026, 17:26:17
Hallo zusammen,

nun hatte ich mich endlich mal entschlossen, nach laengerer Zeit FTUI3 zu aktualisieren (aber erstmal nur im Testbereich) und musste feststellen, dass es wohl so manches zu aendern gibt (wie im Hauptthread bereits diskutiert, hauptsaechlich optischer Natur wie Schriftgroessen etc.).

Allerdings bin ich auf ein Problem mit dem Swiper gestossen, zu dem ich keine Infos finden konnte: Benutzt man als "Pages" eine Struktur, funktioniert der Swiper nicht und zeigt die einzelnen Seiten gleichzeitig an.

Struktur:
                <ftui-swiper id="swiperfuel" auto-play>
                    <ftui-cell style="justify-content: flex-end !important; align-items: flex-start !important;">
                        <ftui-label [text]="Info.TankenBrinkschulteLangenfelderStr:Diesel  | fix(2)" size="6"  unit="&euro;" ></ftui-label>
                        <ftui-label text="Diesel" size="2"></ftui-label>
                    </ftui-cell>
                    <ftui-cell style="justify-content: flex-end !important; align-items: flex-start !important;">
                        <ftui-label [text]="Info.TankenBrinkschulteLangenfelderStr:SuperE10  | fix(2)" size="6"  unit="&euro;" ></ftui-label>
                        <ftui-label text="Super E10" size="2"></ftui-label>
                    </ftui-cell>
                </ftui-swiper>

Sah bisher so aus wie im ersten Screenshot (mittlere Kachel in der zweiten Reihe).

Im zweiten Screenshot sieht man wie es nun aussieht, die einzelnen ftui-cell Elemente werden nicht mehr gewechselt, sondern gleichzeitig nebeneinander dargestellt.

Lagere ich die ftui-cell Elemente in eine externe Datei aus und lege sie so an:
                <ftui-swiper id="swiperpv" auto-play>
                    <ftui-content file="templates/template_startpage_cell.html" valuedev="MQTT2_Hauskraftwerk:battery_soc" unit="%" label="Akku"></ftui-content>
                    <ftui-content file="templates/template_startpage_cell.html" valuedev="MQTT2_Hauskraftwerk:solar_power | toInt()" unit="W" label="Erzeugung"></ftui-content>
                    <ftui-content file="templates/template_startpage_cell.html" valuedev="MQTT2_Hauskraftwerk:home_power | toInt()" unit="W" label="Verbrauch"></ftui-content>
                    <ftui-content file="templates/template_startpage_cell.html" valuedev="MQTT2_Hauskraftwerk:grid_power | toInt()" unit="W" label="Netz"></ftui-content>
                </ftui-swiper>
funktioniert es - ich hatte es testweise fuer die PV Kachel (erste in der dritten Reihe) mal umgestellt.

Ist das irgendwo beschrieben und ich habe es nicht gefunden oder ist das ein Fehler (@setstate)?

Danke + Gruss

/elle