Textbutton mit Statusanzeige realisieren?

[Thyraz]

Hallo,

ich habe in meiner UI zwei Textlabels "ON" und "OFF".
Diese zeigen im Moment schon den aktuellen Zustand der Lampe an (grau oder blau für off/on).

Ich würde diese 2 Labels nun gern auch anklicken können um "dim 0" (bzw. "dim 99" beim anderen Label) auszuführen.

Gibt es eine Art Button, welcher Text statt einem FA-Symbol anzeigen kann?
Oder kann ich irgendwie beim klicken eine tiefer liegende FTUI Funktion ausrufen um mit den bestehenden Labels ein FHEM Kommando abzuschicken?

Im Anhang ein Screenshot und hier noch der Code:

Code Auswählen Erweitern


  <div>
    <div class="col-xs-2">
        <div data-type="switch"
            data-device="RGBWController01"
            data-get="dimmerVal"
            data-cmd="set"
            data-get-off="0"
            data-get-on="[1-9][0-9]*"
            data-set-on="on"
            data-set-off="off"
            data-icon="thyraz-bulb1"
            data-on-background-color='#ffffff'
            data-off-background-color='#ffffff'
            data-off-color='#c2c2c2'
            data-on-color='#5486e5'>
        </div>
    </div>
    <div class="col-xs-10">
      <div style="padding-top:10px">
        <div class="col-xs-8">
          <div data-type="label"
               class="left-align">
               DECKENLAMPE
          </div>
        </div>
        <div class="col-xs-1">
          <div data-type="label"
               data-device="RGBWController01"
               data-get="dimmerVal"
               data-limits='[0,1]'
               data-colors='["#5486e5","#c2c2c2"]'
               data-substitution="s/^[+-]?(\d*\.)?\d+$/OFF/">
          </div>
        </div>
        <div class="col-xs-1">
          <div data-type="label"
                data-device="RGBWController01"
               data-get="dimmerVal"
               data-limits='[0,1]'
               data-colors='["#c2c2c2","#5486e5"]'
               data-substitution="s/^[+-]?(\d*\.)?\d+$/ON/">
          </div>
        </div>
      </div>
      <div>
        <div class="col-xs-11">
            <div data-type="slider"
                data-device="RGBWController01"
                data-get="dimmerVal"
                data-set-value="dim $v"
                data-min="0"
                data-max="99"
                data-color="#dbdbdb"
                data-background-color="#f3f3f3"
                data-width="100%"
                class="tap horizontal">
            </div>
        </div>
      </div>
    </div>
  </div>


[setstate]

Sowas kann man machen

Code Auswählen Erweitern

<div onclick="ftui.setFhemStatus('set dummy1 off');">All off!</div>

Das kann man auch beim Label-Widget einfügen.

[Thyraz]

Super, vielen Dank.

Wusste doch ich hab sowas schon irgendwo einmal gelesen gehabt.
Aber hab es nicht mehr gefunden.

Peinlicherweise steht das ja sogar in der Doku auf Github.