[gelöst] [FTUI3] Tab runde Ecken

[AyshaHM]

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

[mr_petz]

Nimm einfach das shape="round" aus den grid-tiles/tabs raus.
shape="round" bei Bedarf kannst du fast überall anwenden...

LG

[AyshaHM]

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

[OdfFhem]

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):

Code Auswählen Erweitern


  <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

Code Auswählen Erweitern


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


[AyshaHM]

Hallo OldFhem,
vielen Dank für die Erklärung! Wieder was dazu gelernt.

Gruß Aysha