FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: misux am 05 Mai 2020, 01:16:08

Titel: Swiper Widget: Seitenhöhe festlegen?
Beitrag von: misux am 05 Mai 2020, 01:16:08
HI!

Ich habe mir ein Swiper Widget erstellt mit 2 Seiten.
Das Problem ist:

die erste Seite zeigt nur im Fhem Aktive Aktoren an und wenn nichts an ist dann wird auch auf der ersten Seite nichts angezeigt, man sieht nur die Pfeile (Navbuttons)

die zweite Seite hat viele Buttons untereinander und nebeneinander... das soll so bleiben und funktioniert auch soweit.

Meine Frage ist: Kann ich die erste Seitenhöhe irgendwie festlegen?

Es gibt mächtig Probleme mit Symbolen die mit data-hide verschwinden... Entweder bleibt das Feld Groß oder ies ist zu klein und die symbole werden nicht komplett dargestellt oder wenn alle Symbole dann verschwinden, ich auf die zweite große Seite Swipe und dann wieder zurück, leibt sie so groß obwohl keine Symbole zu sehen sind...

Hoffe jemand hat es verstanden und kann mir helfen...

Vielen Dank!
Titel: Antw:Swiper Widget: Seitenhöhe festlegen?
Beitrag von: yersinia am 05 Mai 2020, 08:46:04
Das müsste auf jedenfall mit inline CSS (so (https://www.w3schools.com/html/html_css.asp) oder so (https://www.w3schools.com/css/css_howto.asp)) und einem der height attribute (height (https://www.w3schools.com/cssref/pr_dim_height.asp), height (https://www.w3schools.com/css/css_dimension.asp), min-height (https://www.w3schools.com/cssref/pr_dim_min-height.asp), max-height (https://www.w3schools.com/cssref/pr_dim_max-height.asp)) gehen.
Titel: Antw:Swiper Widget: Seitenhöhe festlegen?
Beitrag von: Eisix am 05 Mai 2020, 15:46:25
Hallo,

vielleicht so


<div data-type="swiper"  data-height="93%" data-width="100%"
          data-device="MediaPad_Player_sel" data-get="state"
          data-states='["Bose","Onkyo","MediaPad","Yoga","LMS"]'
          class="nopagination">
          <ul>
...


Gruß
Eisix