klick auf Label und set durchführen

[TWART016]

Hallo,

ich habe ein Label, welcher mit den Status meiner Heizung anzeigt.

Code Auswählen Erweitern

<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.

Code Auswählen Erweitern

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.

Code Auswählen Erweitern

<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

[setstate]

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

[TWART016]

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?

[setstate]

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

Code Auswählen Erweitern


<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>


[TWART016]

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.

[TWART016]

Hi setstate,

konntest du da schon etwas herausfinden?

[setstate]

Der Button ist zu klein für den Text.

Da musst du in dein CSS das einfügen

Code Auswählen Erweitern


.w2x .famultibutton {
    width: 4em;
}


und so anwenden

Code Auswählen Erweitern


    <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>


[TWART016]

Sehr cool, funktioniert. Baust du das noch global ein?

Besten Dank.