Erledigt: Darstellung eines mehrzeiigen Readings im label-Widget

[juemuc]

Hallo,

ich möchte ein mehrzeiliges Reading unter FTUI ausgeben. Hierzu habe ich das Label-Widget verwendet.

Code Auswählen Erweitern

<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

[MKeY]

Wie ist denn das Reading "formatiert"? Also der Inhalt?

[juemuc]

Hallo,
die Werte sind mit <br> getrennt.

Reolink E1-Zoom<br>Subwoofer (Wohnzimmer)<br>Waschmaschine

Viele Grüße
Jürgen

[MKeY]

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

[yersinia]

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 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.

[juemuc]

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:

Code Auswählen Erweitern

                      <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

[juemuc]

Hallo zusammen,

ich habe die Lösung gefunden:

Code Auswählen Erweitern

<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