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
http://www.fhemwiki.de/wiki/FTUI_Snippets#Vier_Buttons_f.C3.BCr_HomeStatus (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 (http://www.fhemwiki.de/wiki/FHEM_Tablet_UI)
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
Hallo,
ich habe mal das gewünschte Ergebnis mit Paint dargestellt. ;D
Aber ich werde heute Abend mal die Lösung aus den Snippets versuchen.
Viele Grüße
Markus
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.
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
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:
<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
Hallo setstate,
perfekt. Vielen Dank. Genauso sollte es aussehen :D :D
Viele Grüße
Markus