FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: HGButte am 28 Januar 2024, 11:27:22

Titel: [FTUI3] ftui-label text-align Probleme nach Update
Beitrag von: HGButte am 28 Januar 2024, 11:27:22
Hallo habe das Problem dass nach dem Update nun meine <ftui-label text-align="left"> nicht mehr den Text links ausrichten.
Es bleibt zentriert, auch bei text-align="right".

Ich das auch mal in diesem File lokal angepasst zum Test:
https://github.com/knowthelist/ftui/blob/master/www/ftui/examples/label.html (https://github.com/knowthelist/ftui/blob/master/www/ftui/examples/label.html)

Ab Zeile 92
<ftui-grid-tile row="2" col="9" height="1" width="2" shape="round">
      <header>LONG</header>
      <ftui-label padding="1" scroll text-align="left">
        Lorem Ipsum
      </ftui-label>
</ftui-grid-tile>

Text wird zentriert dargestellt.


Wenn allerdings mehr Text in der Zelle steht als rein passt, wird es linksbündig angezeigt.

    <ftui-grid-tile row="2" col="9" height="1" width="2" shape="round">
      <header>LONG</header>
      <ftui-label padding="1" scroll text-align="left">
        Lorem Ipsum dolor sit amet, consectetur adipiscing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
        ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
        deserunt mollit anim id est laborum.
      </ftui-label>
    </ftui-grid-tile>
Titel: Aw: [FTUI3] ftui-label text-align Probleme nach Update
Beitrag von: MDietrich am 28 Januar 2024, 12:12:17
Hallo,
ja, bei text-align funktioniert etwas nicht. Wenn man im Eltern-Objekt aber align-items und nicht noch text-align verwendet funktioniert es aber.

<ftui-grid-header>
    <ftui-label>LONG</ftui-label>
</ftui-grid-header>
<ftui-row>
    <ftui-column color="success" align-items="left">
<ftui-label padding="1" text="Lorem Ipsum"></ftui-label>
    </ftui-column>
</ftui-row>

Gruß,
Matthias
Titel: Aw: [FTUI3] ftui-label text-align Probleme nach Update
Beitrag von: HGButte am 01 Februar 2024, 19:56:25
Danke für den Tipp.
Werde es mal testen. Zur Not muss dieser Workaround erstmal herhalten.
Titel: Aw: [FTUI3] ftui-label text-align Probleme nach Update
Beitrag von: setstate am 01 Februar 2024, 23:14:01
Sollte jetzt wieder wie erwartet gehen