{"id":2716,"date":"2025-06-09T18:22:05","date_gmt":"2025-06-09T17:22:05","guid":{"rendered":"https:\/\/ipsview.brownson.at\/?p=2716"},"modified":"2025-06-09T20:22:31","modified_gmt":"2025-06-09T19:22:31","slug":"erweiterbares-menue","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=2716","title":{"rendered":"Erweiterbares Men\u00fc"},"content":{"rendered":"

Erweiterbares Men\u00fc<\/h1><\/div>

Mit IPSView 6.4 steht nun auch eine M\u00f6glichkeit zur Verf\u00fcgung ein ausklappbares Men\u00fc zu erstellen. <\/h3>\n

Wie ihr das realisieren k\u00f6nnt, m\u00f6chte ich euch in folgendem Beitrag zeigen.<\/h3>\n<\/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>

SubMenu<\/h1><\/div>

Im ersten Schritt habe ich einen neuen „SubMenu“ in den pers\u00f6nlichen Steuerelementen erstellt.<\/p>\n

Dieses Steuerelement beinhaltet einen ToggleButton um eine Boolean Variable zu Schalten.<\/p>\n

Die ID des ToggleButtons ist als \u00f6ffentliches Property freigegeben und kann im Designer zugewiesen werden.<\/p>\n<\/div>

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

Ger\u00e4te Menu<\/h1><\/div>

Der Menu Button „Ger\u00e4te Menu“ bleibt f\u00fcr diesen Anwendungsfall unver\u00e4ndert und erm\u00f6glicht eine Menu Seite zu laden.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Ger\u00e4te SubMenu<\/h1><\/div>

Dazugekommen ist noch ein „Ger\u00e4te SubMenu“ Button, dieser hat eine leicht angepasste Farbe und ist etwas einger\u00fcckt.<\/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>

View Variablen<\/h1><\/div>

Im Bereich der „View Variablen“ erstellt ihr euch jetzt f\u00fcr jedes SubMenu eine Boolean Variable.<\/h3>\n

ID und Name k\u00f6nnt Ihr frei w\u00e4hlen.<\/h3>\n

View Variablen existieren nur im Client und werden bei jedem Start des Client neu erstellt und initialisiert.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

MainMenu<\/h1><\/div>

Auf der Seite „MainMenu“ werden die Menu Steuerelemente nun alle platziert.<\/h3>\n

Der „SubMenu“ Button \u00fcbernimmt das umschalten der Menu Variable wie beispielsweise „SubMenu R\u00e4ume“.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Der „Ger\u00e4te SubMenu“ Button sorgt f\u00fcr das Laden dr eigentlichen Seite. <\/span><\/h3>\n

Die Sichtbarkeit wird \u00fcber die Fernsteuer Variable gesteuert, diese blendet das Steuerelement nur ein, wenn die entsprechende Menu Variable den Wert true hat.<\/span><\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Damit das Einblenden der SubMenu Steuerelemente auch animiert dargestellt wird, k\u00f6nnt Ihr bei der Seite noch eine Grid Animation aktivieren.<\/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>

Client<\/h1><\/div>

Im Client k\u00f6nnt Ihr das Menu nun \u00fcber den SubMenu Button ein bzw. auch wieder ausblenden.<\/h3>\n

Ich habe die hier gezeigten  pers\u00f6nlichen Steuerelemente auch wieder im Symcon Forum<\/a> zur Verf\u00fcgung gestellt. Ihr k\u00f6nnt diese einfach per Drag and Drop in das Designer Repository importieren und verwenden.<\/h3>\n

Empfehle aber vorher ein Backup der View zu machen, sollte ich etwas vergessen haben oder etwas unklar sein, dann k\u00f6nnt ihr euch gerne melden.<\/h3>\n

 <\/h3>\n<\/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":[177,175,176,150],"class_list":["post-2716","post","type-post","status-publish","format-standard","hentry","category-howto","tag-erweiterbar","tag-expand","tag-expandable","tag-menu"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2716","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=2716"}],"version-history":[{"count":4,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2716\/revisions"}],"predecessor-version":[{"id":2762,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2716\/revisions\/2762"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}