Label bzw Text als Schalter

[Medel]

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

[All-Ex]

Schau mal hier: https://wiki.fhem.de/wiki/FTUI_Widget_Link

[Medel]

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:

Code Auswählen Erweitern

  <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

[Standarduser]

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:

Code Auswählen Erweitern

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

[Medel]

Hallo,

also mit:

Code Auswählen Erweitern

<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

[Medel]

Hallo,

habe es jetzt bis auf ein kleines Problem hinbekommen mit:

Code Auswählen Erweitern

  <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

[ulli]

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>