{"id":2730,"date":"2025-06-15T20:42:35","date_gmt":"2025-06-15T19:42:35","guid":{"rendered":"https:\/\/ipsview.brownson.at\/?p=2730"},"modified":"2025-07-16T20:08:39","modified_gmt":"2025-07-16T19:08:39","slug":"menu-overlay-tuere-offen","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=2730","title":{"rendered":"Menu Overlay – T\u00fcre offen"},"content":{"rendered":"

Menu Overlay \u2013 T\u00fcre offen<\/h2><\/h1><\/div>

In diesem Beitrag m\u00f6chte ich euch zeigen, wie ihr ein Menu Overlay zur Anzeige eines „T\u00fcr offen“ Status erstellen k\u00f6nnt.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Menu Steuerelement<\/h1><\/div>

Im ersten Schritt erweitern wir unser Menu Steuerelement um ein Toggle Image, um den aktuellen Status anzuzeigen.<\/h3>\n

 <\/p>\n<\/div>

<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Sichtbarkeit, ID, Bild Ein\/Aus definieren wir als \u00f6ffentliche Eigenschaften, damit wir den Menu Button entsprechend konfigurieren k\u00f6nnen.<\/h3>\n

Ihr findet die Menu Steuerelemente bereits fertig konfiguriert im Symcon Forum<\/a>.<\/h3>\n<\/div>

<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

Status Variable<\/h1><\/div>

Im n\u00e4chsten Schritt erstellen wir uns eine View Variable, die den Status TRUE hat, sobald eine T\u00fcre nicht verschlossen ist.<\/h3>\n

In meinem Fall habe ich 2 T\u00fcr Status Variablen in Symcon, die ich zu einer zentralen Status Variable zusammenfassen m\u00f6chte.<\/h3>\n<\/div>
<\/div><\/div><\/div>

Die Haust\u00fcre hat den Wert „1“, wenn diese verschlossen ist, alle anderen Werte interpretiere ich als „Offen“.<\/h3>\n

Die IDs f\u00fcr diese Variablen k\u00f6nnt ihr frei w\u00e4hlen, sie d\u00fcrfen nur nicht im Bereich von Symcon liegen.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Bei der Gartenh\u00fctte bedeutet TRUE bereits offen (Homematic), hier w\u00e4re eigentlich gar keine Umrechnung notwendig.<\/h3>\n

Ich habe trotzdem eine eigene View Variable erstellt, um hier die Vorgehensweise zu zeigen, wenn ihr mal einen Wert umrechnen m\u00fcsst.<\/span><\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Der eigentliche Status f\u00fcr mein Menu ist nun die ODER Verkn\u00fcpfung der 2 einzelnen „T\u00fcr Offen“ Variablen.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Menu<\/h1><\/div>

Auf der Seite des Hauptmen\u00fcs k\u00f6nnt ihr die Variable nun zuweisen und das entsprechende Icon f\u00fcr Offen bzw. alles Geschlossen setzen.<\/h3>\n

<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

Client<\/h1><\/div>

Im Client seht ihr nun auf einen Blick ob alle T\u00fcren versperrt sind.<\/h3>\n<\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[150,180,178,179,181],"class_list":["post-2730","post","type-post","status-publish","format-standard","hentry","category-howto","tag-menu","tag-offen","tag-overlay","tag-tuere","tag-viewvariable"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2730"}],"version-history":[{"count":7,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2730\/revisions"}],"predecessor-version":[{"id":2765,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2730\/revisions\/2765"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}