Frage zu Alarm Button

[coolice]

Hallo, so langsam wird es auf meiner Oberfläche eng. Ich habe bis dato zum Alarm scharf und unscharf schalten diese Zeilen benutzt.

Code Auswählen Erweitern

<li data-row="5" data-col="5" data-sizex="4" data-sizey="7"> <!-- data-row="Zeile" data-col="Spalte" data-sizex="Breite der Box" data-sizey="Tiefe der Box"  -->
<header>ALARM-STATUS</header>

<div class="cell">Alarm scharf schalten</div>
<div data-type="switch"
     data-device="alarm_scharf"
     data-set-on="on"
     data-set-off=""
     data-icon="fa-exclamation-circle fa-lg"
     data-on-color="red"
     data-off-color="grey"
     class="big"></div>

<div data-type="label"
     class="cell">Alarm unscharf schalten (PIN-Code)</div>
<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="1"
     class="inline">1 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="2"
     class="inline">2 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="3"
     class="inline">3 </div>
</div>

<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="4"
     class="inline">4 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="5"
     class="inline">5 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="6"
     class="inline">6 </div>
</div>

<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="7"
     class="inline">7 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="8"
     class="inline">8 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="9"
     class="inline">9 </div>
</div>

<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="0"
     class="inline">0 </div>

<div data-type="push"
     data-icon="fa-key"
     data-device="keypad_key"
     data-set-on="#"
     class="inline" </div>
</div>
</li>
Ist es möglich das ganze so hinzubekommen das man nur den Button zum scharf schalten hat und wenn
man erneut auf den Button drück sich ein separates kleines Fenster öffnet mit dem Ziffernblock zum unscharf schalten ?

[amenomade]

Vielleicht damit? https://wiki.fhem.de/wiki/FTUI_Widget_Popup

[coolice]

Öffnet sich das Popup nicht bei jedem Klick !?


Gesendet von iPhone mit Tapatalk

[coolice]

Hab es aktuell so

Code Auswählen Erweitern

<li data-row="5" data-col="5" data-sizex="2" data-sizey="3"> <!-- data-row="Zeile" data-col="Spalte" data-sizex="Breite der Box" data-sizey="Tiefe der Box"  -->
<header>ALARM-STATUS</header>
<div data-type="popup"
     data-height="400px"
     data-width="400px">
<div>klick</div>
<div class="dialog">
<div class="cell">&nbsp;</div>
<div class="cell">Alarm scharf schalten</div>

<div data-type="switch"
     data-device="alarm_scharf"
     data-set-on="on"
     data-set-off=""
     data-get-on="on"
     data-get-off="off"
     data-states='["on","off"]'
     data-icons='["fa-exclamation-circle fa-lg"]'
     data-colors='["white", "white"]'
     data-background-colors='["red", "blue"]'
     class="large wider">
</div>

<div data-type="label"
     class="cell">Alarm unscharf schalten (PIN-Code)</div>

<div class="inline">
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="1">1</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="4">4</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="7">7</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="?">?</div>
</div>

<div class="inline">
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="2">2</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="5">5</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="8">8</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="0">0</div>
</div>

<div class="inline">
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="3">3</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="6">6</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="9">9</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="#">#</div>
</div>
</div>
</li>
nicht das was ich haben wollte aber so geht es erstmal.
Was noch etwas den WAF stört ist das das popup kein Icon unterstützt.
Meine Frau muss jetzt immer auf klick drücken damit sich das popup öffnet.

Kann man das vielleicht ändern oder anders lösen damit ich ein Icon statt eines Textes habe?