- ioBroker Community Home
- Deutsch
- Visualisierung
- Vis mit Top-App und Button steuern
NEWS
Vis mit Top-App und Button steuern
-
Guten Morgen,
stehe momentan komplett auf dem Schlauch.Hier meine View:

Rote 1: Haupt-View mit Top-App Menü und Info-Kopf
Rote 2: View in Widget 8
Rote 3: Wunsch meiner bessern Hälfte.Alle Views lassen sich über die Top-App aufrufen, alles funktioniert. Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben, mit der sie "Keller, EG, usw.", ohne wieder über die Top-App zugehen, umschalten kann.
Wie bekommt man das hin?
Habe gesucht, probiert aber nichts hat funktioniert.
MfG
Wastl -
Guten Morgen,
stehe momentan komplett auf dem Schlauch.Hier meine View:

Rote 1: Haupt-View mit Top-App Menü und Info-Kopf
Rote 2: View in Widget 8
Rote 3: Wunsch meiner bessern Hälfte.Alle Views lassen sich über die Top-App aufrufen, alles funktioniert. Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben, mit der sie "Keller, EG, usw.", ohne wieder über die Top-App zugehen, umschalten kann.
Wie bekommt man das hin?
Habe gesucht, probiert aber nichts hat funktioniert.
MfG
Wastl@langer sagte in Vis mit Top-App und Button steuern:
Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben,
Dann nehme doch dort auch das Widget "bars-views bar"
Auf meiner Hauptseite schalte ich auf "Etagen"

Und dann auf der Seite Etagen kann ich schalten zwischen Obergeschoss, Erdgeschoss, und Keller

Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
Guten Morgen,
stehe momentan komplett auf dem Schlauch.Hier meine View:

Rote 1: Haupt-View mit Top-App Menü und Info-Kopf
Rote 2: View in Widget 8
Rote 3: Wunsch meiner bessern Hälfte.Alle Views lassen sich über die Top-App aufrufen, alles funktioniert. Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben, mit der sie "Keller, EG, usw.", ohne wieder über die Top-App zugehen, umschalten kann.
Wie bekommt man das hin?
Habe gesucht, probiert aber nichts hat funktioniert.
MfG
Wastl@langer sagte in Vis mit Top-App und Button steuern:
ohne wieder über die Top-App zugehen, umschalten kann.
Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
und dort die Werte von deinem View´s angeben 0 ... bis .... .Oder du kannst auch ein List Widget nehmen , nur für die Etagenauswahl
Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-
@langer sagte in Vis mit Top-App und Button steuern:
ohne wieder über die Top-App zugehen, umschalten kann.
Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
und dort die Werte von deinem View´s angeben 0 ... bis .... .Oder du kannst auch ein List Widget nehmen , nur für die Etagenauswahl
Danke für die Antwort, würden wir dies über Skype machen, könntest Du mich mitterschwer erschüttert sehen.
Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
Indexseite = View mit der Top-App und dem Info-Kopf oder Keller-View?ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
Wo bekomme ich den "den gemeinsamen Datenpunkt" her?und dort die Werte von deinem View´s angeben 0 ... bis .... .
Was ist der Wert der View?Könntest Du mir das an Hand eines Beispiels Erläutern?
MfG
Wastl -
Danke für die Antwort, würden wir dies über Skype machen, könntest Du mich mitterschwer erschüttert sehen.
Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
Indexseite = View mit der Top-App und dem Info-Kopf oder Keller-View?ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
Wo bekomme ich den "den gemeinsamen Datenpunkt" her?und dort die Werte von deinem View´s angeben 0 ... bis .... .
Was ist der Wert der View?Könntest Du mir das an Hand eines Beispiels Erläutern?
MfG
Wastl@langer sagte in Vis mit Top-App und Button steuern:
Könntest Du mir das an Hand eines Beispiels Erläutern?
Ich kann dir gerne ein paar Beispiel Button´s fertig machen , aber leider erst heute Abend bin gerade unterwegs .
Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-
@langer sagte in Vis mit Top-App und Button steuern:
Könntest Du mir das an Hand eines Beispiels Erläutern?
Ich kann dir gerne ein paar Beispiel Button´s fertig machen , aber leider erst heute Abend bin gerade unterwegs .
-

Hier als sind alle Widget´s drin , als Beispiel , und diese dann auf deine Start/Index Seite einfügen
[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"inputPerEditor","countListItems":"6","vibrateOnMobilDevices":"50","listLayout":"standard","itemLayout":"horizontal","buttonLayout":"full","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"8","json_string_oid":"","listType2":"buttonState","showValueLabel2":false,"oid0":"0_userdata.0.1","listTypeButtonStateValue0":"0","typeButtonToggleValueTrue0":"0","oid1":"0_userdata.0.1","lockEnabled0":false,"label0":"Keller","listImage0":"information-outline","listImageActive0":"","statusBarColor0":"","subLabel0":"","listTypeButtonStateValue1":"1","typeButtonToggleValueTrue1":"1","label1":"Erdgeschoß","listImageActive1":"","itemGaps":"1","listType3":"buttonState","showValueLabel3":false,"oid2":"0_userdata.0.1","oid3":"0_userdata.0.1","statusBarColor1":"","statusBarColor2":"","statusBarColor3":"","listImageActiveColor1":"","label2":"Flur ","listTypeButtonStateValue2":"2","typeButtonToggleValueTrue2":"2","listImage2":"alarm-light-outline","listImageActive2":"","listImage3":"information-outline","listImageActive3":"","listTypeButtonStateValue3":"3","typeButtonToggleValueTrue3":"3","label3":"1.OG","iconHeight":"20","typeButtonToggleValueFalse0":"0","typeButtonToggleValueFalse1":"1","typeButtonToggleValueFalse2":"2","typeButtonToggleValueFalse3":"3","itemBackgroundColor":"#1F2129","verticalIconContainerHeight":"36","labelFontSize":"15","listImage1":"alert-octagon-outline","labelFontColor":"#ffffff","listImageColor0":"#10b800","listImageColor1":"#ffba05","listImageColor2":"#e91e01","g_lock":false,"autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listType4":"buttonState","showValueLabel4":false,"oid4":"0_userdata.0.1","listImage4":"information-outline","listImageColor4":"","label4":"Flur 1","listTypeButtonStateValue4":"4","typeButtonToggleValueTrue4":"4","typeButtonToggleValueFalse4":"4","listType5":"buttonState","showValueLabel5":false,"oid5":"0_userdata.0.1","typeButtonToggleValueTrue5":"5","typeButtonToggleValueFalse5":"5","listTypeButtonStateValue5":"5","label5":"DG","listType7":"text","showValueLabel7":"true","g_rows_§6":true,"listType6":"buttonState","showValueLabel6":false,"subLabelFontSize":"-7","listImageColor5":"#c403bd","listImage5":"information-outline","listImageColor3":"#e91e01","labelFontFamily":"Jura-DemiBold","titleLayout":"headline6","listImage6":"information-outline","listImageActive5":"","listImageColor6":"#10b800","label6":"Flur 2","oid6":"0_userdata.0.1","listTypeButtonStateValue6":"6","typeButtonToggleValueTrue6":"6","typeButtonToggleValueFalse6":"6","containerBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}","buttonColorPress":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}","subLabelFontFamily":"{vis-materialdesign.0.fonts.icon_list.subText}","subLabelFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}","valueFontSize":"{vis-materialdesign.0.fontSizes.icon_list.value}","valueFontFamily":"{vis-materialdesign.0.fonts.icon_list.value}","valueFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}","showScrollbar":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","colorBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}","colorTitleSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}","colorTextSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}","colorTitle":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}","buttonBgColor0":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor1":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor2":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor3":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor4":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor5":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor6":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}"},"style":{"left":"10px","top":"33px","z-index":"100","width":"937px","height":"54px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"buttontext":"Keller","value":"0"},"style":{"left":"9px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"buttontext":"Erdgeschoß","value":"1"},"style":{"left":"158px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Select","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"inputType":"text","inputLayout":"filled","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"6","listPosition":"bottom","showSelectedIcon":"no","showValue":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"value6":"6","value7":"7","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","listPositionOffset":false,"inputTextFontFamily":"Jura-DemiBold","inputTextColor":"#fafafa","inputTextFontSize":"16","inputLabelColor":"#e6e6e6","inputLayoutBackgroundColor":"#1F2129","listItemBackgroundColor":"#1F2129","listItemBackgroundHoverColor":"#fff","listItemBackgroundSelectedColor":"#44739e","listItemFont":"Jura-DemiBold","listItemFontColor":"#fafafa","listItemFontSelectedColor":"#fff","listItemSubFont":"Jura-DemiBold","listItemSubFontColor":"#fff","listItemSubFontHoverColor":"#fff","listItemSubFontSelectedColor":"#fff","listItemFontSize":"16","listItemSubFontSize":"14","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"#e6e6e6","inputLabelFontFamily":"Jura-DemiBold","inputLabelFontSize":"22","inputAppendixColor":"#fff","inputMessageColor":"","listItemHeight":"12","listItemRippleEffectColor":"","listItemValueFontColor":"#fff","listItemValueFontHoverColor":"#fff","listItemValueFontSelectedColor":"#fff","label6":"Flur 2","label7":"Wallbox","label9":"8 Stunden","label10":"12 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","g_menuItems_§0":true,"g_menuItems_§1":true,"g_menuItems_§2":true,"g_menuItems_§3":true,"g_menuItems_§5":true,"g_menuItems_§14":false,"g_menuItems_§15":false,"g_menuItems_§16":false,"g_menuItems_§17":false,"g_menuItems_§18":false,"g_menuItems_§19":false,"g_menuItems_§20":false,"g_menuItems_§4":true,"inputTranslateX":"-16","inputTranslateY":"-12","value0":"0","label0":"Keller","value1":"1","label1":"Erdgeschoß","value2":"2","label2":"Flur","value3":"3","label3":"1. OG","value4":"4","label4":"Flur 1","value5":"5","label5":"DG","g_menuItems_§8":true,"value8":"7 days","label8":"7 Tage","vibrateOnMobilDevices":"50","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}"},"style":{"left":"12px","top":"182px","width":"177px","height":"60px","z-index":"100","color":"","border-radius":"4px","border-width":""},"widgetSet":"materialdesign"}]In der TopAppBar und im View in Widget 8 nutzt du einen gemeinsamen Datenpunkt , den einfach in das Widget als Datenpunkt zuweisen .
Die Umschaltung erfolgt ja mit den Werten 0 ..... bis . diese dann als Wert im Button hinterlegen für die jeweilige View .Die Zuornung der Werte kannst du im Widget TopAppBar aktivieren , siehe unten
TopAppBar

View in Widget 8



BUTTON für Viewwechsel

Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-

Hier als sind alle Widget´s drin , als Beispiel , und diese dann auf deine Start/Index Seite einfügen
[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"inputPerEditor","countListItems":"6","vibrateOnMobilDevices":"50","listLayout":"standard","itemLayout":"horizontal","buttonLayout":"full","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"8","json_string_oid":"","listType2":"buttonState","showValueLabel2":false,"oid0":"0_userdata.0.1","listTypeButtonStateValue0":"0","typeButtonToggleValueTrue0":"0","oid1":"0_userdata.0.1","lockEnabled0":false,"label0":"Keller","listImage0":"information-outline","listImageActive0":"","statusBarColor0":"","subLabel0":"","listTypeButtonStateValue1":"1","typeButtonToggleValueTrue1":"1","label1":"Erdgeschoß","listImageActive1":"","itemGaps":"1","listType3":"buttonState","showValueLabel3":false,"oid2":"0_userdata.0.1","oid3":"0_userdata.0.1","statusBarColor1":"","statusBarColor2":"","statusBarColor3":"","listImageActiveColor1":"","label2":"Flur ","listTypeButtonStateValue2":"2","typeButtonToggleValueTrue2":"2","listImage2":"alarm-light-outline","listImageActive2":"","listImage3":"information-outline","listImageActive3":"","listTypeButtonStateValue3":"3","typeButtonToggleValueTrue3":"3","label3":"1.OG","iconHeight":"20","typeButtonToggleValueFalse0":"0","typeButtonToggleValueFalse1":"1","typeButtonToggleValueFalse2":"2","typeButtonToggleValueFalse3":"3","itemBackgroundColor":"#1F2129","verticalIconContainerHeight":"36","labelFontSize":"15","listImage1":"alert-octagon-outline","labelFontColor":"#ffffff","listImageColor0":"#10b800","listImageColor1":"#ffba05","listImageColor2":"#e91e01","g_lock":false,"autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listType4":"buttonState","showValueLabel4":false,"oid4":"0_userdata.0.1","listImage4":"information-outline","listImageColor4":"","label4":"Flur 1","listTypeButtonStateValue4":"4","typeButtonToggleValueTrue4":"4","typeButtonToggleValueFalse4":"4","listType5":"buttonState","showValueLabel5":false,"oid5":"0_userdata.0.1","typeButtonToggleValueTrue5":"5","typeButtonToggleValueFalse5":"5","listTypeButtonStateValue5":"5","label5":"DG","listType7":"text","showValueLabel7":"true","g_rows_§6":true,"listType6":"buttonState","showValueLabel6":false,"subLabelFontSize":"-7","listImageColor5":"#c403bd","listImage5":"information-outline","listImageColor3":"#e91e01","labelFontFamily":"Jura-DemiBold","titleLayout":"headline6","listImage6":"information-outline","listImageActive5":"","listImageColor6":"#10b800","label6":"Flur 2","oid6":"0_userdata.0.1","listTypeButtonStateValue6":"6","typeButtonToggleValueTrue6":"6","typeButtonToggleValueFalse6":"6","containerBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}","buttonColorPress":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}","subLabelFontFamily":"{vis-materialdesign.0.fonts.icon_list.subText}","subLabelFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}","valueFontSize":"{vis-materialdesign.0.fontSizes.icon_list.value}","valueFontFamily":"{vis-materialdesign.0.fonts.icon_list.value}","valueFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}","showScrollbar":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","colorBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}","colorTitleSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}","colorTextSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}","colorTitle":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}","buttonBgColor0":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor1":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor2":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor3":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor4":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor5":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor6":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}"},"style":{"left":"10px","top":"33px","z-index":"100","width":"937px","height":"54px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"buttontext":"Keller","value":"0"},"style":{"left":"9px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"buttontext":"Erdgeschoß","value":"1"},"style":{"left":"158px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Select","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"inputType":"text","inputLayout":"filled","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"6","listPosition":"bottom","showSelectedIcon":"no","showValue":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"value6":"6","value7":"7","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","listPositionOffset":false,"inputTextFontFamily":"Jura-DemiBold","inputTextColor":"#fafafa","inputTextFontSize":"16","inputLabelColor":"#e6e6e6","inputLayoutBackgroundColor":"#1F2129","listItemBackgroundColor":"#1F2129","listItemBackgroundHoverColor":"#fff","listItemBackgroundSelectedColor":"#44739e","listItemFont":"Jura-DemiBold","listItemFontColor":"#fafafa","listItemFontSelectedColor":"#fff","listItemSubFont":"Jura-DemiBold","listItemSubFontColor":"#fff","listItemSubFontHoverColor":"#fff","listItemSubFontSelectedColor":"#fff","listItemFontSize":"16","listItemSubFontSize":"14","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"#e6e6e6","inputLabelFontFamily":"Jura-DemiBold","inputLabelFontSize":"22","inputAppendixColor":"#fff","inputMessageColor":"","listItemHeight":"12","listItemRippleEffectColor":"","listItemValueFontColor":"#fff","listItemValueFontHoverColor":"#fff","listItemValueFontSelectedColor":"#fff","label6":"Flur 2","label7":"Wallbox","label9":"8 Stunden","label10":"12 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","g_menuItems_§0":true,"g_menuItems_§1":true,"g_menuItems_§2":true,"g_menuItems_§3":true,"g_menuItems_§5":true,"g_menuItems_§14":false,"g_menuItems_§15":false,"g_menuItems_§16":false,"g_menuItems_§17":false,"g_menuItems_§18":false,"g_menuItems_§19":false,"g_menuItems_§20":false,"g_menuItems_§4":true,"inputTranslateX":"-16","inputTranslateY":"-12","value0":"0","label0":"Keller","value1":"1","label1":"Erdgeschoß","value2":"2","label2":"Flur","value3":"3","label3":"1. OG","value4":"4","label4":"Flur 1","value5":"5","label5":"DG","g_menuItems_§8":true,"value8":"7 days","label8":"7 Tage","vibrateOnMobilDevices":"50","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}"},"style":{"left":"12px","top":"182px","width":"177px","height":"60px","z-index":"100","color":"","border-radius":"4px","border-width":""},"widgetSet":"materialdesign"}]In der TopAppBar und im View in Widget 8 nutzt du einen gemeinsamen Datenpunkt , den einfach in das Widget als Datenpunkt zuweisen .
Die Umschaltung erfolgt ja mit den Werten 0 ..... bis . diese dann als Wert im Button hinterlegen für die jeweilige View .Die Zuornung der Werte kannst du im Widget TopAppBar aktivieren , siehe unten
TopAppBar

View in Widget 8



BUTTON für Viewwechsel

Vielen Dank für Deine Mühe und Geduld!!!!
Am Wochenende werde ich mich damit beschäftige, ich hoffe sollte ich noch eine Frage haben, das ich mich nochmals melden kann.
Ansonsten schönes Wochenende!
Mfg
Wastl -

Hier als sind alle Widget´s drin , als Beispiel , und diese dann auf deine Start/Index Seite einfügen
[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"inputPerEditor","countListItems":"6","vibrateOnMobilDevices":"50","listLayout":"standard","itemLayout":"horizontal","buttonLayout":"full","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"8","json_string_oid":"","listType2":"buttonState","showValueLabel2":false,"oid0":"0_userdata.0.1","listTypeButtonStateValue0":"0","typeButtonToggleValueTrue0":"0","oid1":"0_userdata.0.1","lockEnabled0":false,"label0":"Keller","listImage0":"information-outline","listImageActive0":"","statusBarColor0":"","subLabel0":"","listTypeButtonStateValue1":"1","typeButtonToggleValueTrue1":"1","label1":"Erdgeschoß","listImageActive1":"","itemGaps":"1","listType3":"buttonState","showValueLabel3":false,"oid2":"0_userdata.0.1","oid3":"0_userdata.0.1","statusBarColor1":"","statusBarColor2":"","statusBarColor3":"","listImageActiveColor1":"","label2":"Flur ","listTypeButtonStateValue2":"2","typeButtonToggleValueTrue2":"2","listImage2":"alarm-light-outline","listImageActive2":"","listImage3":"information-outline","listImageActive3":"","listTypeButtonStateValue3":"3","typeButtonToggleValueTrue3":"3","label3":"1.OG","iconHeight":"20","typeButtonToggleValueFalse0":"0","typeButtonToggleValueFalse1":"1","typeButtonToggleValueFalse2":"2","typeButtonToggleValueFalse3":"3","itemBackgroundColor":"#1F2129","verticalIconContainerHeight":"36","labelFontSize":"15","listImage1":"alert-octagon-outline","labelFontColor":"#ffffff","listImageColor0":"#10b800","listImageColor1":"#ffba05","listImageColor2":"#e91e01","g_lock":false,"autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listType4":"buttonState","showValueLabel4":false,"oid4":"0_userdata.0.1","listImage4":"information-outline","listImageColor4":"","label4":"Flur 1","listTypeButtonStateValue4":"4","typeButtonToggleValueTrue4":"4","typeButtonToggleValueFalse4":"4","listType5":"buttonState","showValueLabel5":false,"oid5":"0_userdata.0.1","typeButtonToggleValueTrue5":"5","typeButtonToggleValueFalse5":"5","listTypeButtonStateValue5":"5","label5":"DG","listType7":"text","showValueLabel7":"true","g_rows_§6":true,"listType6":"buttonState","showValueLabel6":false,"subLabelFontSize":"-7","listImageColor5":"#c403bd","listImage5":"information-outline","listImageColor3":"#e91e01","labelFontFamily":"Jura-DemiBold","titleLayout":"headline6","listImage6":"information-outline","listImageActive5":"","listImageColor6":"#10b800","label6":"Flur 2","oid6":"0_userdata.0.1","listTypeButtonStateValue6":"6","typeButtonToggleValueTrue6":"6","typeButtonToggleValueFalse6":"6","containerBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}","buttonColorPress":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}","subLabelFontFamily":"{vis-materialdesign.0.fonts.icon_list.subText}","subLabelFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}","valueFontSize":"{vis-materialdesign.0.fontSizes.icon_list.value}","valueFontFamily":"{vis-materialdesign.0.fonts.icon_list.value}","valueFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}","showScrollbar":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","colorBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}","colorTitleSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}","colorTextSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}","colorTitle":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}","buttonBgColor0":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor1":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor2":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor3":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor4":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor5":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor6":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}"},"style":{"left":"10px","top":"33px","z-index":"100","width":"937px","height":"54px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"buttontext":"Keller","value":"0"},"style":{"left":"9px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"buttontext":"Erdgeschoß","value":"1"},"style":{"left":"158px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Select","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"inputType":"text","inputLayout":"filled","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"6","listPosition":"bottom","showSelectedIcon":"no","showValue":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"value6":"6","value7":"7","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","listPositionOffset":false,"inputTextFontFamily":"Jura-DemiBold","inputTextColor":"#fafafa","inputTextFontSize":"16","inputLabelColor":"#e6e6e6","inputLayoutBackgroundColor":"#1F2129","listItemBackgroundColor":"#1F2129","listItemBackgroundHoverColor":"#fff","listItemBackgroundSelectedColor":"#44739e","listItemFont":"Jura-DemiBold","listItemFontColor":"#fafafa","listItemFontSelectedColor":"#fff","listItemSubFont":"Jura-DemiBold","listItemSubFontColor":"#fff","listItemSubFontHoverColor":"#fff","listItemSubFontSelectedColor":"#fff","listItemFontSize":"16","listItemSubFontSize":"14","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"#e6e6e6","inputLabelFontFamily":"Jura-DemiBold","inputLabelFontSize":"22","inputAppendixColor":"#fff","inputMessageColor":"","listItemHeight":"12","listItemRippleEffectColor":"","listItemValueFontColor":"#fff","listItemValueFontHoverColor":"#fff","listItemValueFontSelectedColor":"#fff","label6":"Flur 2","label7":"Wallbox","label9":"8 Stunden","label10":"12 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","g_menuItems_§0":true,"g_menuItems_§1":true,"g_menuItems_§2":true,"g_menuItems_§3":true,"g_menuItems_§5":true,"g_menuItems_§14":false,"g_menuItems_§15":false,"g_menuItems_§16":false,"g_menuItems_§17":false,"g_menuItems_§18":false,"g_menuItems_§19":false,"g_menuItems_§20":false,"g_menuItems_§4":true,"inputTranslateX":"-16","inputTranslateY":"-12","value0":"0","label0":"Keller","value1":"1","label1":"Erdgeschoß","value2":"2","label2":"Flur","value3":"3","label3":"1. OG","value4":"4","label4":"Flur 1","value5":"5","label5":"DG","g_menuItems_§8":true,"value8":"7 days","label8":"7 Tage","vibrateOnMobilDevices":"50","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}"},"style":{"left":"12px","top":"182px","width":"177px","height":"60px","z-index":"100","color":"","border-radius":"4px","border-width":""},"widgetSet":"materialdesign"}]In der TopAppBar und im View in Widget 8 nutzt du einen gemeinsamen Datenpunkt , den einfach in das Widget als Datenpunkt zuweisen .
Die Umschaltung erfolgt ja mit den Werten 0 ..... bis . diese dann als Wert im Button hinterlegen für die jeweilige View .Die Zuornung der Werte kannst du im Widget TopAppBar aktivieren , siehe unten
TopAppBar

View in Widget 8



BUTTON für Viewwechsel

@glasfaser sagte in Vis mit Top-App und Button steuern:
Hallo,
ich habe versucht Dein Beispiel umzusetzen da ich sowers auch bei mir gebrauchen kann.
Sehe ich es richtig das die Buttons nicht auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen? -
@glasfaser sagte in Vis mit Top-App und Button steuern:
Hallo,
ich habe versucht Dein Beispiel umzusetzen da ich sowers auch bei mir gebrauchen kann.
Sehe ich es richtig das die Buttons nicht auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?@frank-zoellner sagte in Vis mit Top-App und Button steuern:
auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?
Doch , auf den gemeinsamen Datenpunkt .
Mit dem Button steuerst du dann die 0.... 10 Beispielweise , so funktioniert auch dann der Viewwechsel im Widget 8
Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-
@frank-zoellner sagte in Vis mit Top-App und Button steuern:
auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?
Doch , auf den gemeinsamen Datenpunkt .
Mit dem Button steuerst du dann die 0.... 10 Beispielweise , so funktioniert auch dann der Viewwechsel im Widget 8
@glasfaser
ok danke, jetzt klappt's es war etwas anderes was nicht klappte, danke