Horizontale/vertikale Darstellung von Widgets (doublebox-h)

[hoods]

Hallo zusammen,

ich möchte gerne meine Rolladen steuern und wollte dazu das im Wiki gezeigte Beispiel nutzen doublebox-h/doublebox-v.

Leider wird das Widget immer vertikal ausgerichtet, auch wenn ich doublebox-h nutze. Ist das ein Verständnisproblem meinerseits, was mache ich falsch? Ich habe eben auf einem Test System FTUI frisch installiert und nur den Code aus dem Wiki eingebunden und auch hier ist die Ausrichtung bei doublebox-h trotzdem vertikal.

Was mache ich falsch?

Gruss Sven

[setstate]

Du machst bestimmt nix falsch. Ich musst mal testen, ob doublebox noch mit den verschiedenen Layout Klassen zusammen spielt. Welche positionierenden Klassen benutzen die übergeordneten DIVs?

[hoods]

Arbeitsschritte auf dem frisch installierten System (um mein Bastellleien und den Ballast mal auszublenden):
1. aktuelle FTUI Version installiert
2. index-example.html nach index.html kopiert
3. Beispiel aus Wiki in EXAMPLE2 kopiert
4. Refresh ...

Code Auswählen Erweitern


<div class="cell">
    <div class="doublebox-h">
        <div data-type="push" data-device="Rollo"
             data-icon="fa-angle-up" data-background-icon="fa-square-o"
             data-set="up">
        </div>
        <div data-type="push" data-device="Rollo"
             data-icon="fa-angle-down" data-background-icon="fa-square-o"
             data-set="down">
        </div>
    </div>
</div>

Anordnung des Widgets ist senkrecht, ganz links in der EXAMPLE2 Box.

[bassi]

Hallo zusammen,

auch bei mir verschiebt es die doublebox-h, was mir jetzt einen ziemlichen Strich durch die Rechnung macht. Gibt es in der Zwischenzeit Neuigkeiten, oder sogar eine Lösung? Eventuell auch ein downgrade? Neue Funktionen brauche ich erstmal nicht, ich möchte eigntlich nur, dass mein bisheriges UI wieder läuft.

@setstate: Danke übrigens für die tolle Arbeit die du mit dem Tablet UI Leistest!

Viele Grüße

Sebastian

Code Auswählen Erweitern

     <div class="cell">
         <div class="doublebox-h">
                 <div data-type="push" data-device="Rollladen_Arbeitszimmer_Fenster"
                   data-icon="fa-angle-up" data-background-icon="fa-square-o"
                   data-set=""
                    data-set-on="on">
                 </div>
                 <div data-type="push" data-device="Rollladen_Arbeitszimmer_Fenster"
                   data-icon="fa-angle-down" data-background-icon="fa-square-o"
                   data-set=""
                   data-set-on="off">
                 </div>
          </div>
         <div data-type="label" class="">Arbeitszimmer Fenster</div>
         </div>