FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: MrMorgan am 03 Oktober 2022, 21:07:19

Titel: FTUI 3 - Buttongestaltung
Beitrag von: MrMorgan am 03 Oktober 2022, 21:07:19
Hi,

hab gesehen das man nen Button in drei verschieden Größen anzeigen lassen kann.
Gibt es auch die Möglichkeit einen Button über die komplette Breite des Bildschirm anzeigen zu lassen?

width="100%" / width="auto" etc.

Wäre auch der Text von der Position frei wählbar? -> left, center/middle, right, top, bottom

Gruß
Titel: Antw:FTUI 3 - Buttongestaltung
Beitrag von: mr_petz am 04 Oktober 2022, 08:50:13
So zBsp.:

<ftui-button [(value)]="Device" style="width:100%">
  <ftui-label text="TEST" text-align="left"></ftui-label>
</ftui-button>

Hier funktioniert das width=100% nur im style bei gewünschter Darstellung der komplett verfügbaren Breite.
Im label durch text-align die Positionierung festlegen. center ist standard.
top und bottom im style mit margin-top oder margin-bottom festlegen.

LG