Hallo,
ich habe ein Label, welcher mit den Status meiner Heizung anzeigt.
<div data-type="label" data-device="MAX_165c81" data-get="mode"></div>
Jetzt möchte ich den Mode ändern, wenn ich auf den Text klicke.
set 165c81 desiredTemperature auto
Ist das mit dem Label möglich oder auf welchen Type muss ich umsteigen?
Beim Symbol wird manual nicht zentral angezeigt? Auch der Wert wird nicht automatisch aktualisiert, nur nach refresh der Seite. Beim Label ist die Änderung in Echtzeit da.
<div data-type="switch" data-device="MAX_165c81" data-get="mode" data-get-off="manual" data-set-on="auto" data-set="desiredTemperature" data-icon="-" data-background-icon="-">
<div data-type="label" data-device="MAX_165c81" data-get="mode" class="centered"></div>
</div>
Gruß
TWART016
Zitat von: TWART016 am 01 November 2017, 13:34:05
Beim Symbol wird manual nicht zentral angezeigt? Auch der Wert wird nicht automatisch aktualisiert, nur nach refresh der Seite.
Das war ein Bug, den ich gerade gefixt habe
Danke. Jetzt wird das Label korrekt aktualisiert.
Nur nur die Positionierung stimmt nicht.
oben Label
unten Label im Symbol
Edit: und warum ist beim Label im Symbol die Größe automatisch bigger?
Die Größe ist anders, weil Symbol hat .fa-2x {font-size: 2em}
Position musste halt probieren, die hängt von der Umgebung ab. Text im Symbol ist immer in der Mitte des Kreises
<li data-row="5" data-col="10" data-sizey="3" data-sizex="3">
<header>EXAMPLE6</header>
<div data-type="label" data-device="HandtuchHeizung_Clima" data-get="controlMode" class="fa-2x bg-green"></div>
<div data-type="switch" data-device="HandtuchHeizung_Clima" data-get="controlMode" data-icon="-" data-background-icon="-">
<div data-type="label" data-device="HandtuchHeizung_Clima" data-get="controlMode" class="bg-red"></div>
</div>
</li>
Auto wird bei genauso aus, nur bei manual ist das Problem da.
Wie kann ich das für beide Werte anpassen, für eines ist es kein Problem.
Hi setstate,
konntest du da schon etwas herausfinden?
Der Button ist zu klein für den Text.
Da musst du in dein CSS das einfügen
.w2x .famultibutton {
width: 4em;
}
und so anwenden
<li data-row="5" data-col="10" data-sizey="3" data-sizex="3">
<header>EXAMPLE6</header>
<div data-type="label" data-device="HandtuchHeizung_Clima" data-get="controlMode" class="fa-2x bg-green"></div>
<div data-type="switch" data-device="HandtuchHeizung_Clima" data-get="controlMode" data-icon="-" data-background-icon="-" class="w2x">
<div data-type="label" data-device="HandtuchHeizung_Clima" data-get="controlMode" class="bg-red"></div>
</div>
</li>
Sehr cool, funktioniert. Baust du das noch global ein?
Besten Dank.