FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: AyshaHM am 11 Februar 2023, 20:20:16

Titel: [gelöst] [FTUI3] Tab runde Ecken
Beitrag von: AyshaHM am 11 Februar 2023, 20:20:16
Hallo zusammen,

ich habe mit der Beispiel index.html mit FTUI3 angefangen. Leider sind dort die Ecken rund.
Meine Frage: Wie bekomme ich die eckig?

Danke im Voraus :-)

Gruß Aysha
Titel: Antw:[FTUI3] Tab runde Ecken
Beitrag von: mr_petz am 11 Februar 2023, 20:25:50
Nimm einfach das shape="round" aus den grid-tiles/tabs raus.
shape="round" bei Bedarf kannst du fast überall anwenden...

LG
Titel: Antw:[FTUI3] Tab runde Ecken
Beitrag von: AyshaHM am 11 Februar 2023, 20:35:55
Hallo mr_petz
Danke für die schnelle Antwort

Das hatte ich auch gedacht. Jetzt habe ich alle shape="round" auf der Seite entfernt!
Nur dann werden die Tab's eckig.

Danke und Gruß Aysha
Titel: Antw:[FTUI3] Tab runde Ecken
Beitrag von: OdfFhem am 12 Februar 2023, 00:33:47
Zitat von: AyshaHM am 11 Februar 2023, 20:35:55
Das hatte ich auch gedacht. Jetzt habe ich alle shape="round" auf der Seite entfernt!
Nur dann werden die Tab's eckig.

Die mit FTUI3 (einmalig) ausgelieferte index.html enthält folgende Zeile (momentan #39):

  <ftui-grid base-width="78" base-height="70" margin="5" shape="round">

Dies sorgt dafür, dass in ftui-grid enthaltene Elemente das shape-Attribut erben
... bedeutet für enthaltene Elemente: ob das shape-Attribut angegeben ist oder nicht, es wird rund

"Befreit" man diese Zeile vom shape-Attribut, findet man sofort runde und rechtwinklige Ecken

  <ftui-grid base-width="78" base-height="70" margin="5">

Titel: Antw:[gelöst] [FTUI3] Tab runde Ecken
Beitrag von: AyshaHM am 14 Februar 2023, 10:38:19
Hallo OldFhem,
vielen Dank für die Erklärung! Wieder was dazu gelernt.

Gruß Aysha