FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: DocCyber am 04 September 2025, 14:48:35

Titel: [GELÖST] Oben zuviel bei Icon/Label in <ftui-tab>
Beitrag von: DocCyber am 04 September 2025, 14:48:35
Hallo zusammen.
In meinem Navigationsmenü möchte ich gern den Abstand oberhalb der Einträge verringern. Obwohl genügend Platz vorhanden ist, werden die Icons unten abgeschnitten.
Ich habe jetzt seit Stunden schon alles probiert, was mir eingefallen ist, aber entweder war es wirkunglos, oder es rutschte viel zu weit nach oben.
Hat jemand eine Idee, wie ich das hinbekommen kann?

Vielen Dank.

hc 2025-09-04 14-35-47 001.png
<ftui-row>
  <ftui-tab view="AnsichtHome" direction="vertical" active>
    <ftui-label size="2" color="white">Home</ftui-label>
    <ftui-icon size="4" name="home"></ftui-icon>
  </ftui-tab>
  <ftui-tab>
  ...
  </ftui-tab>
  ...
  ...
</ftui-row>
Titel: Aw: Oben zuviel bei Icon/Label in <ftui-tab-view>
Beitrag von: DocCyber am 05 September 2025, 11:42:22
Ich habe jetzt eine Lösung gefunden.
Sie hat nichts mit <ftui-tab> zu tun, sondern mit <ftui-row>.
Die Festlegung von Ausrichtung (align-items) und Zeilenhöhe (height) führt zum Ziel.
hc 2025-09-05 11-40-01 001.png
<ftui-grid-tile ...>
  <ftui-row height="55%" align-items="top">
    <ftui-tab ...> ... </ftui-tab>
    <ftui-tab ...> ... </ftui-tab>
  ...
  </ftui-row>
  <ftui-row height="55%" align-items="top">
    <ftui-tab ...> ... </ftui-tab>
    <ftui-tab ...> ... </ftui-tab>
    ...
  </ftui-row>
</ftui-grid-tile>