[gelöst] FTUI Header Anzeige nicht komplett

[patman1607]

Hallo mal wieder,

woran kann das Liegen das der Header dieses Grids nur zur Hälfte dargestellt wird?
alle anderen Grids sehen gut aus.
KüchenLED:

Code Auswählen Erweitern

<li data-row="1" data-col="7" data-sizex="1" data-sizey="1">
<header>KüchenLED</header>
<div class="center">
    <div data-type="switch"
data-device="LEDspot1"
data-set-states='["on","off"]'
data-states='["off","on"]'
data-icons='["fa-toggle-off", "fa-toggle-on"]'
data-colors='["white", "white"]'
        data-background-colors='["red","green"]'
class="small">
</div>
        </div>
        <div class="anaus">
            An/Aus
        </div>
</li>


Deckenlampe:

Code Auswählen Erweitern

<li data-row="2" data-col="7" data-sizex="1" data-sizey="1">
    <header>Deckenlampen</header>     
  <div data-type="circlemenu" class="centre small" data-circle-radius="100" data-item-diameter="50" data-speed="1000">
    <ul>
      <li><div data-type="push"
               data-icon="fa-lightbulb"
               data-get="Deckenlampe_alle_aus:state"
               data-states='["off","on"]'
               data-on-color="#f0ff28"
               data-off-color="#505050"
               class="top-space center"></div>
        <div class="anaus top-narrow-10">
            PopUp
        </div>
        </li>
               

[pflock_y]

Moin,
Nur geraten, Versuch mal ohne ,,ü" Striche.

Grüße
pflock_y

[patman1607]

Moin,
Nur geraten, Versuch mal ohne ,,ü" Striche.

Grüße
pflock_y

Schon Probiert

[patman1607]

Ich habe mit einem Anderen Grid etwas gespielt und festgestellt wenn ich alles in eine Tabelle packe mit sheet und row funktioniert es besser. ist das so normal? sorry das ich Frage...bin ein Anfänger

Code Auswählen Erweitern

<li data-row="1" data-col="2" data-sizex="1" data-sizey="1">
<header>Ambilight</header>
  <div class="sheet top-space">
    <div class="row top-align">
    <div data-type="switch"
data-device="wz_TVLicht"
data-set-states='["clearall","off"]'
data-states='["off","clearall"]'
data-icons='["fa-toggle-off", "fa-toggle-on"]'
data-colors='["white", "white"]'
        data-background-colors='["red","green"]'
class="">
</div>
       </div>
<!--  -->
    <div class="row bottom-align">
     <div data-type="label"
     class="anaus">
            An/Aus
        </div>
        </div>
    </div>
</ul>
</div>

und wie könnte man denn jetzt mehr abstand zwischen den Button und dem Text unten bringen ?
alles was bei class row eingetragen ist bring keine Änderung.

[patman1607]

Ich habe noch etwas Gespielt und noch eine weitere einfachere Lösung gefunden.

Code Auswählen Erweitern

<li data-row="1" data-col="3" data-sizex="1" data-sizey="1">
<header>Ambilight</header>
<div class="top-space">
<div data-type="switch"
data-device="wz_TVLicht"
data-set-states='["clearall","off"]'
data-states='["off","clearall"]'
data-icons='["fa-toggle-off", "fa-toggle-on"]'
data-colors='["white", "white"]'
        data-background-colors='["red","green"]'
class="">
</div>
    <div data-type="label"
     class="anaus">
            An/Aus
     </div>
</div>
</li>

Ich denke kann als gelöst oder gelöscht markiert werden.

[moonsorrox]

Das [gelöst] kannst du selber in deinem 1. Post rein schreiben..!