Hallo,
ich lasse mir auf meiner Wetterseite die Wetterwarnungen vom DWD anzeigen. Das funktioniert auch meistens. Aktuell sind aber sehr viele Daten (9Zeilen) vorhanden. Da passt meine Formatierung nicht mehr und es wird nicht alles angezeigt. Wer kann helfen?
DWD-Info.png
FTUI3-Wetter-Seite.png
Es wird immer der Anfang abgeschnitten.
Hier meine Definition:
<ftui-column>
<ftui-column width="auto" height="90%" >
<ftui-label padding="1" size="3" text-align="center" style="position:relative;" class="bold" height="auto"
[text]="DWD:{{Warn_NR}}_headline">
</ftui-label>
<ftui-label padding="1" scroll height="auto" text-align="center" style="position:relative;" size="3" top="-5px"
[text]="DWD:{{Warn_NR}}_description">
</ftui-label>
<ftui-label padding="1" scroll height="auto" text-align="center" style="position:relative;" size="2" top="0px"
[text]="DWD:{{Warn_NR}}_instruction" class="bold">
</ftui-label>
</ftui-column>
<ftui-row height="10%" width="75%">
<ftui-label size="2" color="green" top="" style="position:relative;" class="bold"
text="Gültig vom ">
</ftui-label>
<ftui-label size="2" color="green" top="" style="position:relative;" class="bold"
[text]="DWD:{{Warn_NR}}_onset | toDate() | format('DD.MM.YYYY hh:mm')">
</ftui-label>
<ftui-label size="2" color="green" top="" style="position:relative;" class="bold"
text="Uhr">
</ftui-label>
<ftui-label size="2" color="green" top="" style="position:relative;" class="bold"
text="bis zum">
</ftui-label>
<ftui-label size="2" color="green" top="" style="position:relative;" class="bold"
[text]="DWD:{{Warn_NR}}_expires | toDate() | format('DD.MM.YYYY hh:mm')">
</ftui-label>
<ftui-label size="2" color="green" top="" style="position:relative;" class="bold"
text="Uhr">
</ftui-label>
</ftui-row>
</ftui-column>
Viele Grüße
Jürgen
Hallo.
Da hänge ich mich dran . Wie schafft man es, auf verschiedenen devices die Darstellung gleich zu gestalten? Habe ein popup Menü , das am PC super passt, am 10" Tablet aber klein ist und einige Werte nicht angezeigt werden.
Gibts da was zu beachten?
LG
ZitatWie schafft man es, auf verschiedenen devices die Darstellung gleich zu gestalten?
Soweit ich das verstanden habe nur dann, wenn man auf jedem Device eine eigene Instanz mit entsprechenden Anpassungen an den Bildschirm laufen lässt.
Wie jetzt? Auf jedem Tablet eigenes fhem?
Oder verschiedene index.html? Aber was trägt man dann dort ein?
LG
Zitat von: satprofi am 04 Juni 2024, 16:48:58Hallo.
Da hänge ich mich dran . Wie schafft man es, auf verschiedenen devices die Darstellung gleich zu gestalten? Habe ein popup Menü , das am PC super passt, am 10" Tablet aber klein ist und einige Werte nicht angezeigt werden.
Gibts da was zu beachten?
LG
Ich habe dieses Problem nicht. Selbst auf dem Mobiltelefon wird alles dargestellt (bis auf den scrollbaren Text). Ich gebe im Normalfall die Formatierungswerte in % an.
Viele Grüße
Jürgen
gibts da irgendwo ein wiki über den Body ?
Ich habe immer diese Seite FTUI3-Wiki (https://wiki.fhem.de/wiki/FTUI3_Best_Practices) als Ausgangsbasis verwendet und zusätzlich hier das Forum.
Viele Grüße
Jürgen