FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Wolfgang Hochweller am 26 Juni 2018, 11:25:57

Titel: Erledigt : Zentrierung
Beitrag von: Wolfgang Hochweller am 26 Juni 2018, 11:25:57
Ich habe ein Sheet der Groesse 5X8


<li data-row="4" data-col="1" data-sizey="5" data-sizex="8">



In der ersten Spalte haette ich gern einen Switch, vertikal zentriert, sprich, er sollte in der dritten Reihe des Sheets erscheinen.
In der zweiten Spalte 2 Switches, ebenfalls vertikal zentriert, usw.

Wie mache ich das ?
Titel: Antw:Zentrierung
Beitrag von: setstate am 26 Juni 2018, 19:57:29
Mit hbox und box klappt das ganz einfach


            <li data-row="1" data-col="1" data-sizey="3" data-sizex="5" class="bg-red">
                <header>vbox > hbox</header>
                <div class="hbox">
                    <div class="vbox">
                        <div class="red" data-type="switch" data-device="dummy1"></div>
                    </div>
                    <div class="vbox">
                        <div class="blue" data-type="switch" data-device="dummy3"></div>
                        <div class="orange" data-type="switch" data-device="dummy4"></div>
                    </div>
                    <div class="vbox">
                        <div class="orange" data-type="switch" data-device="dummy4"></div>
                    </div>
                </div>
            </li>
Titel: Antw:Zentrierung
Beitrag von: Wolfgang Hochweller am 27 Juni 2018, 09:52:44
Danke !