Autor Thema: circlemenu-Button Farbe je nach Lampenzustand ändern möglich?  (Gelesen 2873 mal)

Offline chunter1

  • Sr. Member
  • ****
  • Beiträge: 849
Hallo,

ich würde gerne je nach Dimmer-Wert das Lampensymbol des circlemenu-Buttons ändern (im einfachsten Fall zumindest zwei Farben z.B.: grau=aus, gelb=ein).
Ist das möglich bzw. wie?

Danke!

Offline chunter1

  • Sr. Member
  • ****
  • Beiträge: 849
Antw:circlemenu-Button Farbe je nach Lampenzustand ändern möglich?
« Antwort #1 am: 05 Oktober 2015, 16:57:21 »
Habs jetzt mal so umgesetzt... ob das sauber ist weiß ich allerdings nicht?!

<div data-type="circlemenu" class="cell circlemenu">
              <ul>
                <li><div data-type="symbol" data-device="HM_xxxx_Sw" data-get-on="[0-9]{1,3}|on" data-get-off="off" data-background-icon="fa-circle-thin" data-icon="fa-lightbulb-o"></div></li>
                <li><div data-type="push" data-device="HM_xxx_Sw" data-set="100" data-icon="">100</div></li>
                <li><div data-type="push" data-device="HM_xxx_Sw" data-set="50" data-icon="">70</div></li>
                <li><div data-type="push" data-device="HM_xxx_Sw" data-set="off" data-icon="">off</div></li>
              </ul>
        </div>
« Letzte Änderung: 05 Oktober 2015, 16:58:56 von chunter1 »

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 3978
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:circlemenu-Button Farbe je nach Lampenzustand ändern möglich?
« Antwort #2 am: 05 Oktober 2015, 18:49:50 »
Ist doch perfekt gelöst  ;D

Offline Archibald

  • New Member
  • *
  • Beiträge: 16
Antw:circlemenu-Button Farbe je nach Lampenzustand ändern möglich?
« Antwort #3 am: 24 Juli 2017, 14:27:04 »
Hallo Forum

Ich grabe dieses alte Thema wieder aus. Leider funktioniert der angegebene Code in meinem Fall nicht (oder ich baue ihn falsch ein...).

Eine Lampe wird wie folgt angesteuert:
- Einschalten via Circlemenu mit verschiedenen Dimmstufen
- Ausschalten via separaten Button

Ich möchte, dass entweder das Circlemenu oder der Button die Farbe ändert, sobald die Lampe eingeschaltet ist und zwar unabhängig von der Dimmstufe, damit sichtbar wird, dass die Lampe eingeschaltet ist. Bis jetzt schaffe ich es nicht...

Aktuell funktioniert es so (natürlich ohne Farbwechsel!):

<div class="inline top-space">
<div data-type="label" >Wandlampe</div>
<div class="big" data-type="circlemenu">
    <ul>
      <li><div data-type="push" data-icon="fa-wrench"></div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 10" data-icon="">10</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 30" data-icon="">30</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 50" data-icon="">50</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 70" data-icon="">70</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 90" data-icon="">90</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 100" data-icon="">100</div></li>
    </ul>
  </div>
  <div data-type="label" >Ein</div>
      <div class="big" data-type="push"
     data-device="Wandlampe"
     data-set-on="off">
</div>
      <div data-type="label">Aus</div>
    </div>

Kann mir jemanden den entscheidenden Hinweis geben?

Besten Dank und ebensolche Grüsse
Stephan

 

decade-submarginal