HABPanel und "Vorlage"-Widget

[harteknut]

Hallo zusammen,
ich bastel mir grade eine Anzeigeoberfläche in HABPanel. Dabei möchte ich für die verschiedenen Räume klein Anzeigeflächen für die verschiedenen Informationen (Licht, Fenster, Heizung, Jalousie) anzeigen, ggf. schaltbar.
Für das Licht bietet sich dafür das "Schalter"-Widget an, damit kann ich den Status über die Farbe darstellen:

Licht aus.png

Licht an.png

Für die Fenstersensoren geht das nicht, weil die "CLOSE" und "OPEN" zurückmelden. Daher habe ich mit dem "Vorlagen"-Widget ein benutzerdefiniertes Widget eingefügt:

Code: Alles auswählen

<button class="btn" style="width: 100%; height: 100%; padding: 0; background: inherit; outline: none">
<span style="color: {{itemState('OG_KiZi_Fenster_W')=='OPEN' ? 'OFF' : 'OFF'}}">
Fenster
</span>
<span>
<widget-icon iconset="'smarthome-set'" icon="'door-handle'" size="40" state="itemState('OG_KiZi_Fenster_W')=='OPEN' ? 'ON' : 'OFF'" />
</span>
</button>

Das klappt ganz gut, aber die vertikale Ausrichtung passt noch nicht...

Licht.png

Kann man da was machen?
Gruß,
Simon

[Detlef]

Hallo
ich bastel auch gerade am HABPanel.
Das mit den Schalter sieht sehr gut aus. Solche Schalter stelle ich bei mir auch ein.
Ich bin aber noch Anfänger mit OpenHab.
Also werde ich mich später melden.
Bei mir in HABPanel sieht das gerade so aus. Habe erst mal das Wetterkarte eingestellt.