Beschriftung bei Triplebox?

[Macblock]

Hallo zusammen,

ich versuche seit 2 Tagen durch try an error meine Rolladensteuerung so hinzubekommen, dass in einer Triplebox die 3 Symbole links dargestellt werden und rechts daneben
die Beschriftungen für Auf, Stopp und Zu.
Leider verzweifle ich daran. Bisher habe ich es nur geschafft, den Text darunter oder in dem Button zu plazieren. Hat jemand dafür für mich einen Lösungsvorschlag??

Gibt es darüber hinaus auch noch eine Demo-Seite, wo die verschiedenen Beschriftungsmöglichkeiten aufgezeigt werden?

Viele Grüße

Markus

[n4rrOx]

http://www.fhemwiki.de/wiki/FTUI_Snippets#Vier_Buttons_f.C3.BCr_HomeStatus

Ggf. switch durch Push ersetzten .... devices und Befehle anpassen.
Ansonsten steht im Wiki sehr viel beschrieben!
http://www.fhemwiki.de/wiki/FHEM_Tablet_UI

[setstate]

Demo-Seite mit Thema Beschriftungen kenne ich keine. Mir fällt jetzt auch nur untereinander ( Standardverhalten von DIVs) oder nebeneinander (class="inline") ein.
Wie muss ich mir dein Layout vorstellen?
Knopf,Text,Knopf,Text,Knopf,Text
oder
Knopf,Knopf,Knopf  Text,Text,Text

[Macblock]

Hallo,

ich habe mal das gewünschte Ergebnis mit Paint dargestellt. 

Aber ich werde heute Abend mal die Lösung aus den Snippets versuchen.

Viele Grüße

Markus

[setstate]

Okay!
Das ist bestimmt etwas knifflig.
Ich werde es heute Abend probieren. Poste mal den kpl. Teil, wo die Buttons drin sind. Damit ich auch den Platz drum herum kenne.

[Macblock]

Hallo setstate,

das ist schwierig, da ich gerade erst damit begonnen habe, meine FTUI zu erstellen. Die Räume werden recht voll, daher sollte die Steuerung  auch nicht zu viel Platz in Anspruch nehmen.

Die Anregung für die Buttons habe ich hierher:
http://forum.fhem.de/index.php/topic,34233.msg301873.html#msg301873

Aber ohne slider, weil dafür wohl nicht genug Platz sein wird.

Viele Grüße

Markus

[setstate]

Der Link zum FHEM Wiki war schon sehr gut. So würde ich das auch machen.
Wenn es die Triplebox-v als Container für die Buttons sein soll, würde ich die Beschriftung so machen:

Code Auswählen Erweitern


<div class="cell">
    <div class="triplebox-v inline">
        <div data-type="push" data-device="Rollo"
             data-icon="fa-chevron-up" data-background-icon="fa-square-o"
             data-set-on="up">
        </div>
        <div data-type="push" data-device="Rollo"
                data-icon="fa-minus" data-background-icon="fa-square-o"
                data-set-on="stop">
        </div>
        <div data-type="push" data-device="Rollo"
                data-icon="fa-chevron-down" data-background-icon="fa-square-o"
                data-set-on="down">
        </div>
    </div>
    <div class="inline">
        <div class="bottom-space-2x">up</div>
        <div class="bottom-space-2x">stop</div>
        <div class="top-space">down</div>
    </div>
</div>


Habs gleich ins Wiki aufgenommen:
http://www.fhemwiki.de/wiki/FTUI_Snippets#Beschriftungen_von_Buttons

[Macblock]

Hallo setstate,

perfekt. Vielen Dank. Genauso sollte es aussehen

Viele Grüße

Markus