Hallo,
ich möchte ein mehrzeiliges Reading unter FTUI ausgeben. Hierzu habe ich das Label-Widget verwendet.
<div data-type="label" data-device="di_uiTable_Licht" data-get="ligths" data-color="white" class=""></div>
Leider ist der Abstand zuwischen den Zeilen zu groß. Kann ich dies ändern? (s. Bild)
Viele Grüße
Jürgen
Wie ist denn das Reading "formatiert"? Also der Inhalt?
Hallo,
die Werte sind mit <br> getrennt.
ZitatReolink E1-Zoom<br>Subwoofer (Wohnzimmer)<br>Waschmaschine
Viele Grüße
Jürgen
hast du noch ein wenig mehr quellcode vor und nach dem label? ein <br> sollte überall gleich sein, man kann die Höhe nicht wirklich begrenzen/ vergrößern
Ich würde mit dem CSS-Inspektor mal schauen, was da aufgebaut wird - und wieso die Abstände so groß sind.
Du kannst versuchen, mit Inline-CSS und zB max-height (https://developer.mozilla.org/de/docs/Web/CSS/height) spielen. Damit kannst du eventuell das ganze etwas zusammenpressen. Aber das ist auch nur an den Symptomen rumdocktern - ich würde versuchen, den Input zu optimieren.
Zitat von: MKeY am 13 Januar 2021, 17:41:03
hast du noch ein wenig mehr quellcode vor und nach dem label? ein <br> sollte überall gleich sein, man kann die Höhe nicht wirklich begrenzen/ vergrößern
Hallo MKeY,
ja hier:
<div class="big cell-30">
<div data-type="circlemenu" data-circle-radius="260" data-border="square" data-item-height="400" data-item-width="290"
data-direction="horizontal" class="top-narrow keepopen">
<ul>
<li>
<div data-type="symbol" data-device="di_uiTable_Licht" data-get="sockets" data-icon="oa-message_socket" data-color="red"
data-hide="sockets" data-hide-on="alles aus" data-hide-off="!alles aus" class="left-align">
</div>
<div data-type="symbol" data-device="di_uiTable_Licht" data-get="sockets" data-icon="oa-message_socket" data-color="green"
data-hide="sockets" data-hide-on="!alles aus" data-hide-off="alles aus" class="left-align">
</div>
</li>
<li>
<header class="">Steckdosen</header>
<div data-type="label" data-device="di_uiTable_Licht" data-get="sockets" data-color="white" class="">
</div>
</li>
<li>
<header class="">Hauptschalter</header>
<div data-type="switch" data-device="Hauptschalter_Steckdosen" data-get="state" data-states='["on","off"]'
data-set-on="off" data-set-off="off" data-colors='["red","green"]' data-background-colors='["black","black"]'
data-icons='["fa-toggle-on","fa-toggle-off"]' class="">
</div>
</li>
</ul>
</div>
</div>hallo yersinia,
das würde ich gerne, wenn ich wüsste wie ??? Der Inspektor liefert diese Infos:
"geerbt von li:
line-height: 4em;"
Wenn ich das auf "2em" ändere, ist es super. Aber wie hinterlege ich das in meiner Definition?
Viele Grüße
Jürgen
Hallo zusammen,
ich habe die Lösung gefunden:
<div data-type="label" data-device="di_uiTable_Licht" data-get="sockets" data-color="white" style="line-height : 2em" class="left-align left-space">
Einfügen von "style"!
Vielen Dank für Eure Tipps (vorallem yersinia).
Jürgen