FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: NewMatic am 13 Februar 2019, 10:02:03

Titel: Solved:FTUI flexbox Punkt über Widget?
Beitrag von: NewMatic am 13 Februar 2019, 10:02:03
Hi,

kann mir jemand sagen, woher der Punkt über meinen Widgets kommt? siehe Foto.

Der code sieht wie folgt aus:

    <div class="vbox phone-width full-height">
      <div class="card bg-mint">
  <header> <div data-type="label" class="big">WZ Fenster</div></header>
        <div class="hbox">
            <li> <div data-type="push" data-device="wz_JalousieFenster" data-icon="fa-angle-double-up" data-set-on="on"></div></li>
<li> <div data-type="push" data-device="wz_JalousieFenster" data-cmd="set" data-icon="fa-angle-up"  data-set-on="pctSlat [wz_JalousieFenster:pctSlatSoll]"></div></li>
<li> <div data-type="push" data-device="wz_JalousieFenster" data-icon="fa-minus"  data-set-on="stop"></div></li>
<li> <div data-type="push" data-device="wz_JalousieFenster" data-cmd="set" data-icon="fa-angle-down" data-set-on="pctSlat [wz_JalousieFenster:pctSlatSollOff]"></div></li>
<li> <div data-type="push" data-device="wz_JalousieFenster" data-icon="fa-angle-double-down" data-set-on="off"></div></li>
        </div>
      </div>
 
      <div class="card bg-mint">
  <header> <div data-type="label" class="big">WZ TÜR</div></header>
        <div class="hbox">
            <li> <div data-type="push" data-device="wz_JalousieTuer" data-icon="fa-angle-double-up" data-set-on="on"></div></li>
<li> <div data-type="push" data-device="wz_JalousieTuer" data-cmd="set" data-icon="fa-angle-up"  data-set-on="pctSlat [wz_JalousieFenster:pctSlatSoll]"></div></li>
<li> <div data-type="push" data-device="wz_JalousieTuer" data-icon="fa-minus"  data-set-on="stop"></div></li>
<li> <div data-type="push" data-device="wz_JalousieTuer" data-cmd="set" data-icon="fa-angle-down" data-set-on="pctSlat [wz_JalousieFenster:pctSlatSollOff]"></div></li>
<li> <div data-type="push" data-device="wz_JalousieTuer" data-icon="fa-angle-double-down" data-set-on="off"></div></li>
        </div>
      </div>

        <div class="card bg-lightgray">
  <header> <div data-type="label" class="big">EZ TÜR</div></header>
<div class="hbox">
<li> <div data-type="push" data-device="ez_JalTuer" data-icon="fa-angle-double-up" data-set-on="on"></div></li>
<li> <div data-type="push" data-device="ez_JalTuer" data-cmd="set" data-icon="fa-angle-up"  data-set-on="pctSlat [wz_JalousieFenster:pctSlatSoll]"></div></li>
<li> <div data-type="push" data-device="ez_JalTuer" data-icon="fa-minus"  data-set-on="stop"></div></li>
<li> <div data-type="push" data-device="ez_JalTuer" data-cmd="set" data-icon="fa-angle-down" data-set-on="pctSlat [wz_JalousieFenster:pctSlatSollOff]"></div></li>
<li> <div data-type="push" data-device="ez_JalTuer" data-icon="fa-angle-double-down" data-set-on="off"></div></li>
</div>
        </div>
    </div>


Danke.
Titel: Antw:FTUI flexbox Punkt über Widget?
Beitrag von: pataya am 13 Februar 2019, 10:59:16
Werden Listenpunkte vom li-Element sein.
Gib den <li> mal die inline-Klasse und pack sie in ein ul-Element:

<ul>
<li class="inline"></li>
</ul>

Titel: Antw:FTUI flexbox Punkt über Widget?
Beitrag von: NewMatic am 13 Februar 2019, 11:08:48
Perfekt das wars! :)
Wie baut man so ein Wissen auf? :)

Vielen Dank nochmal.
Titel: Antw:Solved:FTUI flexbox Punkt über Widget?
Beitrag von: pataya am 13 Februar 2019, 11:13:11
Erfahrung aus lernen und vermutlich ner Menge trial and error ;D