Hallo,
ich möchte folgendes erreichen.
ich habe ein Schalter (Switch) mit dem ein Gerät Manuell Ein bzw Aus geschaltet werden kann, darunter ein Label als Beschriftung.
Das Label soll wenn die automatische Steuerung für das Gerät (den Schalter) eingeschaltet ist grün, wenn sie ausgeschaltet ist rot erscheinen.
Soweit funktioniert es mit mit dem Label.
Jetzt zu meiner Idee.
Wenn ich jetzt auf das Label Klicke soll die Automatik Ein bzw Aus geschaltet werden. Also das Label (der Text) soll sich als Switch verhalten.
Ist so etwas machbar?
Gruß
Mario
Schau mal hier: https://wiki.fhem.de/wiki/FTUI_Widget_Link
Hallo,
habe das jetzt mal versucht aber es klappt nicht weder wird der aktuelle Status angezeigt noch der Befehl ausgeführt. Statt dessen erscheint beim Anklicken "File not found: ./www/tablet/on"
hier mein Code:
<div data-type="link" style="font-size:xx-small;" class="cell"
data-device="WasserPerlschlauchAuto"
data-get="state"
data-fhem-cmd="set WasserPerlschlauchAuto off"
data-active-pattern="on"
data-color="red"
data-active-color="green">
Perlschlauch</div>
Ich habe das mal auf das Ausschalten der Automatik beschränkt da ich ein toggle noch nicht eingebaut habe.
Dass noch nicht einmal das Anzeigen funktioniert wundert mich allerdings, da er den Status "on" offensichtlich richtig ließt "File not found: ./www/tablet/on"
und von wo die Url kommt weiß ich auch nicht.
Mfg
Mario
Zitat von: Medel am 22 April 2017, 17:11:47
Hallo,
habe das jetzt mal versucht aber es klappt nicht weder wird der aktuelle Status angezeigt noch der Befehl ausgeführt. Statt dessen erscheint beim Anklicken "File not found: ./www/tablet/on"
hier mein Code:
<div data-type="link" style="font-size:xx-small;" class="cell"
data-device="WasserPerlschlauchAuto"
data-get="state"
data-fhem-cmd="set WasserPerlschlauchAuto off"
data-active-pattern="on"
data-color="red"
data-active-color="green">
Perlschlauch</div>
Ich habe das mal auf das Ausschalten der Automatik beschränkt da ich ein toggle noch nicht eingebaut habe.
Dass noch nicht einmal das Anzeigen funktioniert wundert mich allerdings, da er den Status "on" offensichtlich richtig ließt "File not found: ./www/tablet/on"
und von wo die Url kommt weiß ich auch nicht.
Mfg
Mario
Lies nochmal den Eintrag im Wiki genau. Link funktioniert anders als andere Widgets.
Hallo,
also mit:
<div data-type="link"
data-color="white"
data-fhem-cmd="set WasserPerlschlauchAuto off">WasserPerlschlauch</div>
gelinkt das schalten.
Aber ich habe keine Ahnung wie das dann mit dem Farbwechsel der Schrift in Abhängigkeit des readings gehen soll. Ich habe dazu auch kein Beispiel entdeckt.
Gruß
Mario
Hallo,
habe es jetzt bis auf ein kleines Problem hinbekommen mit:
<div data-type="switch" style="font-size:xx-small;" class="cell"
data-device="WasserPerlschlauchAuto"
data-background-icons='["",""]'
data-icons='["",""]'
data-states='["on","off"]'
data-colors='["green","red"]'>
<div data-type="label" style="font-size:x-small;">
Perlschlauch</div>
</div>
<div>
Dadurch wird kein Icon angezeigt und statt dessen das Label das entsprechend des readings eingefärbt wird.
Das Problem ist jedoch noch das die Beschriftung nicht zentriert wird. Habe schon alle Möglichkeiten die mir eingefallen sind durch getestet. Weiß jemand wie man ein eingebettetes Label zentriert?
Vielleicht habe ich die Lösung bisher übersehen.
Gruß
Mario
Wollte was ähnliches umsetzten und bin auf deinen Thread gestoßen.
ggf. brauchst du es ja noch :)
<div class="" data-type="label" data-device="var_device"
data-limits='["unlocked","locked"]'
data-colors='["gray","blue"]'
data-substitution="s/.*/UNLOCK/"
onclick="ftui.setFhemStatus('set var_device unlocked');">
</div>