FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: PNinBB am 03 Juli 2024, 09:21:04

Titel: Icon alignment
Beitrag von: PNinBB am 03 Juli 2024, 09:21:04
Ich möchte einfach nur dieses Icon mittig erscheinen lassen.
<ftui-icon class="size-3" [name]="SZ_FG_FS:basicSet | map('0:glasbruch3, 255:fts_window_1w')" [color]="SZ_FG_FS:basicSet | map('0:red, 255:green')"></ftui-icon>Die vielen Versuch, die ich gestartet habe, schlugen fehl.
In GitHub kann man zwar lesen, wie es gehen sollte:
ZitatAlignment and margins can be changed by the attributes
  • align-item (top, bottom, left, right, center, around, stretch)
  • margin
  • padding
Aber wie lautet den nun die Syntax, damit man es auch anwenden kann.
Alle Icons erscheinen bei mir linksbündig im Feld.
Für einen Tipp wäre ich dankbar !
Peter
Titel: Aw: Icon alignment
Beitrag von: misux am 05 Juli 2024, 07:58:35
Hi!

Da man nicht sehen kann wie du den Rest gestaltet hast eine "idee"...

Ein <div> vor dem Inhalt und ein danach wäre vielleicht hilfreien </div>

<div><ftui-icon class="size-3" [name]="SZ_FG_FS:basicSet | map('0:glasbruch3, 255:fts_window_1w')" [color]="SZ_FG_FS:basicSet | map('0:red, 255:green')"></ftui-icon></div>
Ich nutze auf meiner ganzen FTUI immer nur hbox und vbox. Alles was in den Boxen ist wird zentriert und oder symmetrisch verteilt...

<div class="hbox items-center">

<div><ftui-icon class="size-3" [name]="SZ_FG_FS:basicSet | map('0:glasbruch3, 255:fts_window_1w')" [color]="SZ_FG_FS:basicSet | map('0:red, 255:green')"></ftui-icon></div>

</div>
Titel: Aw: Icon alignment
Beitrag von: PNinBB am 07 Juli 2024, 16:20:45
Danke für die Antwort.
Diese Klasse scheint mir aber zu FTUI 2 zu gehören; darf man denn das mit FTUI 3 mischen ?
Peter
Titel: Aw: Icon alignment
Beitrag von: misux am 15 Juli 2024, 23:02:52
Hmm... Keine Ahnung... Nutze nur die 2er...

Probier es doch einfach mal aus. Ist ja schnell gemacht...