Ausrichtung Mobile UI

SirMarco · 07 Januar 2017, 17:14:40

Servus in die Runde...

Leider stehe ich auf dem Schlauch. Ich glaube die Ausrichtung mit col 1-2 usw habe ich noch nicht wirklich verstanden.
Frage:

col 1-2, col 1-4, col 1-4 = ergibt doch ein Ganzen, also 100%?
Ist das nicht so? Da die Button mit folgendem Code nicht untereinander sind

Code Auswählen


<!DOCTYPE html>
<html>
<head></head>
<body>
    <div class="page" id="content4">
        <section>
            <div class="large col-1-2 left-align">Bett</div>
            <div data-type="switch" data-device="Bedroom_01"
                 class="big thin col-1-2 right-align"></div>
        </section>
<section>
        <div class="center">
            <div class="large col-1-2 left-align">MediaPlayer Shutdown</div>
            <div data-type="push" data-set-on="shutdown" data-device="Kodi_HomeCinema" class="big thin col-1-4 right-side"></div>
            <div data-type="label" data-get="STATE" data-device="Kodi_HomeCinema" class="thin col-1-4 right-align"></div>	
        </div>
</section>
</body>
</html>

Platz ist doch genügend vorhanden.

Gruss
Marco

setstate · 08 Januar 2017, 09:00:48

Weil die Icons zentriert sind. Das sieht man gut, wenn man class="bg-red" hinzufügt.

Dem kannst du entgegnen, wenn du Box und Inhalt trennst

Code Auswählen


            <div class="col-1-2 left-align bg-red">
                <div data-type="switch" data-device="Bedroom_01" class=""></div>
            </div>

SirMarco · 08 Januar 2017, 09:37:54

Kleiner Gedankenfehler von mir

Du hast recht, das kann gar nicht aufgehen.

Besteht die Möglichkeit Boxen zu überlagern? Hätte gerne auf dem roten Feld Links eine Box mit einem STATE Wert. Sprich col 1-4 rechtsbündigt

FHEM Forum

Ausrichtung Mobile UI

SirMarco

setstate

SirMarco