Test Adapter Material Design Widgets v0.4.x

[sigi234]

@Scrounger

Hallo, wie kann ich beim Tooltip Layout die Einheit als Text Anhang für verschiedene DP anzeigen lassen?
Trage ich da °C ein, wird es für alle DP angezeigt.

[dos1973]

puuh,
sieht gut komplex aus... muss da mal etwas rumprobieren

Ok, ich weiß jetzt wie ich ein Widget Standard formatiere.

Aber wie kann ich denn jetzt einem Widget weg vom Standard definieren welches dann auch hell/ dunkel reagiert? (darkTheme)

[dos1973]

@sigi234 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

@Scrounger

Hallo, gibt es auch custom themes?
Also selbst erstelle Themes die ich dann in Thema verwenden auswählen kann.

ich glaube ich habe die gleiche Frage...

ich habe das Style für "Button State vertical" erstellt, aber das bleibt ja dann für alle Widgets vom Typ "Button State vertical" identisch. Der Wechsel von light/dark funktioniert.

aber wie kann ich denn ein weiteres Style dark light erstellen, wenn ich eine andere Farbe von ""Button State vertical" benötige?

[dos1973]

@Scrounger
entweder ich mach etwas grundlegend falsch, aber so wüsste ich nicht we ich ein flexibles Design mehrfarbiges Design erstellen kann.

kannst du noch etwas Hilfestellung leisten. thx

[dos1973]

hat denn bisher noch niemand damit etwas gemacht?

[ice987]

@Scrounger

ich suche seit längerem eine Möglichkeit, eine „Multiuser-Navigation“, welche unabhängig voneinander und gleichzeitig funktioniert, zu erstellen. Mit diesem Fix und deinem „materialdesign - top app bar“ - Widget kriege ich dies erstmals relativ gut hin:

im angehängten Beispiel ich benötige 3 Object ID‘s:
0_userdata.0.navigation.admin
0_userdata.0.navigation.testuser1
0_userdata.0.navigation.testuser2

und drei user:
admin
testuser1
testuser2

00_Index (mit 1x „materialdesign - top app bar“ und 3x "basic - view in widget 8")

Spoiler

{
 "settings": {
   "style": {
     "background_class": ""
   },
   "theme": "redmond",
   "sizex": "375",
   "sizey": "734",
   "gridSize": "",
   "snapType": null
 },
 "widgets": {
   "e00001": {
     "tpl": "tplVis-materialdesign-TopAppBar-Navigation",
     "data": {
       "oid": "{wert1:username;(wert1 == \"admin\") ? \"0_userdata.0.navigation.admin\" : (wert1 == \"testuser1\") ? \"0_userdata.0.navigation.testuser1\" : (wert1 == \"testuser2\") ? \"0_userdata.0.navigation.testuser2\" : \"unbekannt\"}",
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "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",
       "navItemCount": "2",
       "navDefaultValue": "0",
       "topAppBarLayout": "standard",
       "titleTopAppBar": "Material Design Widget",
       "colorTopAppBarTitle": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.title;dark:vis-materialdesign.0.colors.dark.top_app_bar.title; mode === \"true\" ? dark : light}",
       "colorTopAppBarBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.background;dark:vis-materialdesign.0.colors.dark.top_app_bar.background; mode === \"true\" ? dark : light}",
       "titleFont": "{vis-materialdesign.0.fonts.top_app_bar.title}",
       "titleFontSize": "{vis-materialdesign.0.fontSizes.top_app_bar.title}",
       "topAppBarZ_index": "998",
       "vibrateTopAppBarOnMobilDevices": "50",
       "drawerLayout": "modal",
       "drawerItemLayout": "standard",
       "listItemDividerStyle": "standard",
       "z_index": "1000",
       "showHeader": "true",
       "headerLabel": "<h4 class='mdc-drawer__title'>{username}</h4>",
       "showLabels": "true",
       "listItemAlignment": "left",
       "listItemTextFont": "{vis-materialdesign.0.fonts.top_app_bar.item}",
       "listItemTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.item_disabled}",
       "listItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.item}",
       "listItemHeaderFont": "{vis-materialdesign.0.fonts.top_app_bar.header}",
       "listItemHeaderTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.header}",
       "backdropLabelBackgroundHeight": "30",
       "vibrateDrawerOnMobilDevices": "0",
       "colorDrawerBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.menu_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.menu_background; mode === \"true\" ? dark : light}",
       "colorDrawerItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_background; mode === \"true\" ? dark : light}",
       "colorDrawerHeaderBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_background; mode === \"true\" ? dark : light}",
       "colorListItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_hover; mode === \"true\" ? dark : light}",
       "colorListItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_selected; mode === \"true\" ? dark : light}",
       "colorListItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text; mode === \"true\" ? dark : light}",
       "colorListItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_selected; mode === \"true\" ? dark : light}",
       "colorListItemTextDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_disabled; mode === \"true\" ? dark : light}",
       "colorListItemIconDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_disabled; mode === \"true\" ? dark : light}",
       "colorListItemHeaders": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_text; mode === \"true\" ? dark : light}",
       "colorListItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_divider; mode === \"true\" ? dark : light}",
       "colorSubItemToggleIcon": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_toggle;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_toggle; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "drawerSubItemLayout": "standard",
       "listSubItemDividerStyle": "standard",
       "colorListSubItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_divider; mode === \"true\" ? dark : light}",
       "listSubItemAlignment": "left",
       "listItemSubTextFont": "{vis-materialdesign.0.fonts.top_app_bar.subItem}",
       "listSubItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.subItem}",
       "listItemSubTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.subItem_disabled}",
       "showSubItemsLabels": "true",
       "colorDrawerSubBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background_all;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background_all; mode === \"true\" ? dark : light}",
       "colorDrawerSubItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background; mode === \"true\" ? dark : light}",
       "colorListSubItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_hover; mode === \"true\" ? dark : light}",
       "colorListSubItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_selected; mode === \"true\" ? dark : light}",
       "colorListSubItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text; mode === \"true\" ? dark : light}",
       "colorListSubItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text_selected; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "iconDrawer0": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor0": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility0": "hide",
       "iconDrawer1": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor1": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility1": "hide",
       "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,
       "iconDrawer2": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor2": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility2": "hide",
       "iconDrawer3": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor3": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility3": "hide",
       "labels0": "01_test",
       "labels1": "02_test",
       "labels2": "03_test",
       "showIndexNum": false
     },
     "style": {
       "left": "0",
       "top": "0",
       "width": "375px",
       "height": "734px"
     },
     "widgetSet": "materialdesign"
   },
   "e00002": {
     "tpl": "tplStatefulContainerView8",
     "data": {
       "oid": "0_userdata.0.navigation.admin",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "admin",
       "visibility-groups-action": "hide",
       "count": "2",
       "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,
       "contains_view_0": "01_test",
       "contains_view_1": "02_test",
       "contains_view_2": "03_test",
       "visibility-oid": "username",
       "persistent": false,
       "notIfInvisible": true
     },
     "style": {
       "left": "0px",
       "top": "65px",
       "width": "375px",
       "height": "669px"
     },
     "widgetSet": "basic"
   },
   "e00003": {
     "tpl": "tplStatefulContainerView8",
     "data": {
       "oid": "0_userdata.0.navigation.testuser1",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "testuser1",
       "visibility-groups-action": "hide",
       "count": "2",
       "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,
       "contains_view_0": "01_test",
       "contains_view_1": "02_test",
       "contains_view_2": "03_test",
       "visibility-oid": "username",
       "persistent": false,
       "notIfInvisible": true
     },
     "style": {
       "left": "0px",
       "top": "65px",
       "width": "375px",
       "height": "669px"
     },
     "widgetSet": "basic"
   },
   "e00004": {
     "tpl": "tplStatefulContainerView8",
     "data": {
       "oid": "0_userdata.0.navigation.testuser2",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "testuser2",
       "visibility-groups-action": "hide",
       "count": "2",
       "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,
       "contains_view_0": "01_test",
       "contains_view_1": "02_test",
       "contains_view_2": "03_test",
       "persistent": false,
       "visibility-oid": "username",
       "notIfInvisible": true
     },
     "style": {
       "left": "0px",
       "top": "65px",
       "width": "375px",
       "height": "669px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "00_Index",
 "filterList": []
}

view 1

Spoiler

{
 "settings": {
   "style": {},
   "theme": "redmond",
   "sizex": "375",
   "sizey": "669",
   "gridSize": "",
   "snapType": null
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "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",
       "refreshInterval": "0",
       "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,
       "html": "01_test"
     },
     "style": {
       "left": "146px",
       "top": "26px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "01_test",
 "filterList": []
}

view 2

Spoiler

{
 "settings": {
   "style": {},
   "theme": "redmond",
   "sizex": "375",
   "sizey": "669",
   "gridSize": "",
   "snapType": null
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "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",
       "refreshInterval": "0",
       "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,
       "html": "02_test"
     },
     "style": {
       "left": "161px",
       "top": "16px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "02_test",
 "filterList": []
}

view 3

Spoiler

{
 "settings": {
   "style": {},
   "theme": "redmond",
   "sizex": "375",
   "sizey": "669",
   "gridSize": "",
   "snapType": null
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "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",
       "refreshInterval": "0",
       "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,
       "html": "03_test"
     },
     "style": {
       "left": "162px",
       "top": "15px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "03_test",
 "filterList": []
}

nun meine Frage: wenn zwei oder mehrere Object ID’s auf dem gleichen Wert liegen und die „index view“ (von einem oder mehreren unterschiedlichen user) neu geladen wird (refresh) wird die jeweilige view nicht angezeigt (view bleibt weiss). An was könnte dies liegen? (ist bei v0.3.19 identisch)

Seit die Benutzer und Gruppenrechte in diesem Widget implementiert sind gib‘s da ganz neue und interessante Möglichkeiten

[Scrounger]

@sigi234 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

@Scrounger

Hallo, wie kann ich beim Tooltip Layout die Einheit als Text Anhang für verschiedene DP anzeigen lassen?

Ist schon in der Liste -> https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/120

@dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

ich habe das Style für "Button State vertical" erstellt, aber das bleibt ja dann für alle Widgets vom Typ "Button State vertical" identisch. Der Wechsel von light/dark funktioniert.

Das ist auch korrekt so, ein Theme sorgt dafür das es immer gleich aussieht bzw. die Buttons bieten ja selbst 4 Styles an, wo dann die Farben entsprechend zu gewiesen werden.
Wenn du jetzt ein zweites Theme haben willst, dann kannst du z.b. die default farben dafür verwenden - musst du manuell setzen oder du erstellst dir z.B. eigene Datenpunkte, die du dafür verwendest.

@ice987 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

nun meine Frage: wenn zwei oder mehrere Object ID’s auf dem gleichen Wert liegen und die „index view“ (von einem oder mehreren unterschiedlichen user) neu geladen wird (refresh) wird die jeweilige view nicht angezeigt (view bleibt weiss). An was könnte dies liegen? (ist bei v0.3.19 identisch)

Ich tippe mal drauf, das hier das binding was für die Id hinterlegt ist evtl. das Problem ist. Jedesmal wenn sich das Binding ändert wird das Widget komplett neu erzeugt. Und da ich die Top Bar ziemlich verbogen habe, dass sie mit VIS funktioniert könnte das das Problem sein. Sind alles nur Mutmaßungen ohne consolen log schwer zu beurteilen.

Ich würde Dir aber empfehlen das mittels Berechtigungen aufzubauen, was seit der 0.4.x seitens der Top App Bar unterstützt wird.

Steff42 created this issue in Scrounger/ioBroker.vis-materialdesign

open [Line History Chart] Tooltip Einheit individuell angeben im Line History Chart Widget #120

[dos1973]

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Wenn du jetzt ein zweites Theme haben willst, dann kannst du z.b. die default farben dafür verwenden - musst du manuell setzen

Das klappt nicht...
Ich kopiere mit aus dem Theme editor den Datenpunkt und kopiere den pfad in primäre/ sekundäre farbe.
Es passier nichts

[ice987]

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Ich tippe mal drauf, das hier das binding was für die Id hinterlegt ist evtl. das Problem ist. Jedesmal wenn sich das Binding ändert wird das Widget komplett neu erzeugt. Und da ich die Top Bar ziemlich verbogen habe, dass sie mit VIS funktioniert könnte das das Problem sein. Sind alles nur Mutmaßungen ohne consolen log schwer zu beurteilen.
Ich würde Dir aber empfehlen das mittels Berechtigungen aufzubauen, was seit der 0.4.x seitens der Top App Bar unterstützt wird.

ich habe das Binding nun entfernt. Das Verhalten ist nun nicht wesentlich besser, die View bleibt bleibt/wird nach wie vor weiss. Mit dieser Variante ist jedoch der Vorteil der Gruppenberechtigung weg, da ich für jeden Benutzer eine eigene Navigation erstelle. Somit kann ich diese dementsprechend Konfigurieren und benötige die neu eingeführte Gruppenberechtigung nicht. Ebenfalls ist die Pflege der drei (oder mehreren, fast identischen) widgets extrem aufwändig. Ziel solle nach wie vor die unabhängige Navigation sein, das heisst, wenn ein User die Index-Seite öffnet und durchklickt, darf die Navigation bei den anderen Usern nicht synchron laufen. Gibt's evtl. eine weitere Möglichkeit? (aktuell haben wir die Möglichkeit vom binding auf verschiedene Object-ID's und mehrere Top App Bar widgets)?

01_Index (mit 3x „materialdesign - top app bar“ und 3x "basic - view in widget 8")

Spoiler

{
 "settings": {
   "style": {
     "background_class": ""
   },
   "theme": "redmond",
   "sizex": "375",
   "sizey": "734",
   "gridSize": "",
   "snapType": null
 },
 "widgets": {
   "e00001": {
     "tpl": "tplVis-materialdesign-TopAppBar-Navigation",
     "data": {
       "oid": "0_userdata.0.navigation.admin",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "admin",
       "visibility-groups-action": "hide",
       "navItemCount": "2",
       "navDefaultValue": "0",
       "topAppBarLayout": "standard",
       "titleTopAppBar": "Material Design Widget",
       "colorTopAppBarTitle": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.title;dark:vis-materialdesign.0.colors.dark.top_app_bar.title; mode === \"true\" ? dark : light}",
       "colorTopAppBarBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.background;dark:vis-materialdesign.0.colors.dark.top_app_bar.background; mode === \"true\" ? dark : light}",
       "titleFont": "{vis-materialdesign.0.fonts.top_app_bar.title}",
       "titleFontSize": "{vis-materialdesign.0.fontSizes.top_app_bar.title}",
       "topAppBarZ_index": "998",
       "vibrateTopAppBarOnMobilDevices": "50",
       "drawerLayout": "modal",
       "drawerItemLayout": "standard",
       "listItemDividerStyle": "standard",
       "z_index": "1000",
       "showHeader": "true",
       "headerLabel": "<h4 class='mdc-drawer__title'>{username}</h4>",
       "showLabels": "true",
       "listItemAlignment": "left",
       "listItemTextFont": "{vis-materialdesign.0.fonts.top_app_bar.item}",
       "listItemTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.item_disabled}",
       "listItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.item}",
       "listItemHeaderFont": "{vis-materialdesign.0.fonts.top_app_bar.header}",
       "listItemHeaderTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.header}",
       "backdropLabelBackgroundHeight": "30",
       "vibrateDrawerOnMobilDevices": "0",
       "colorDrawerBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.menu_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.menu_background; mode === \"true\" ? dark : light}",
       "colorDrawerItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_background; mode === \"true\" ? dark : light}",
       "colorDrawerHeaderBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_background; mode === \"true\" ? dark : light}",
       "colorListItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_hover; mode === \"true\" ? dark : light}",
       "colorListItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_selected; mode === \"true\" ? dark : light}",
       "colorListItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text; mode === \"true\" ? dark : light}",
       "colorListItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_selected; mode === \"true\" ? dark : light}",
       "colorListItemTextDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_disabled; mode === \"true\" ? dark : light}",
       "colorListItemIconDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_disabled; mode === \"true\" ? dark : light}",
       "colorListItemHeaders": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_text; mode === \"true\" ? dark : light}",
       "colorListItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_divider; mode === \"true\" ? dark : light}",
       "colorSubItemToggleIcon": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_toggle;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_toggle; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "drawerSubItemLayout": "standard",
       "listSubItemDividerStyle": "standard",
       "colorListSubItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_divider; mode === \"true\" ? dark : light}",
       "listSubItemAlignment": "left",
       "listItemSubTextFont": "{vis-materialdesign.0.fonts.top_app_bar.subItem}",
       "listSubItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.subItem}",
       "listItemSubTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.subItem_disabled}",
       "showSubItemsLabels": "true",
       "colorDrawerSubBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background_all;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background_all; mode === \"true\" ? dark : light}",
       "colorDrawerSubItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background; mode === \"true\" ? dark : light}",
       "colorListSubItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_hover; mode === \"true\" ? dark : light}",
       "colorListSubItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_selected; mode === \"true\" ? dark : light}",
       "colorListSubItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text; mode === \"true\" ? dark : light}",
       "colorListSubItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text_selected; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "iconDrawer0": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor0": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility0": "hide",
       "iconDrawer1": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor1": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility1": "hide",
       "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,
       "iconDrawer2": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor2": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility2": "hide",
       "iconDrawer3": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor3": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility3": "hide",
       "labels0": "01_test",
       "labels1": "02_test",
       "labels2": "03_test",
       "showIndexNum": false,
       "visibility-oid": "username"
     },
     "style": {
       "left": "0",
       "top": "0",
       "width": "375px",
       "height": "734px"
     },
     "widgetSet": "materialdesign"
   },
   "e00002": {
     "tpl": "tplStatefulContainerView8",
     "data": {
       "oid": "0_userdata.0.navigation.admin",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "admin",
       "visibility-groups-action": "hide",
       "count": "2",
       "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,
       "contains_view_0": "01_test",
       "contains_view_1": "02_test",
       "contains_view_2": "03_test",
       "visibility-oid": "username",
       "persistent": false,
       "notIfInvisible": true
     },
     "style": {
       "left": "0px",
       "top": "65px",
       "width": "375px",
       "height": "669px"
     },
     "widgetSet": "basic"
   },
   "e00003": {
     "tpl": "tplStatefulContainerView8",
     "data": {
       "oid": "0_userdata.0.navigation.testuser1",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "testuser1",
       "visibility-groups-action": "hide",
       "count": "2",
       "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,
       "contains_view_0": "01_test",
       "contains_view_1": "02_test",
       "contains_view_2": "03_test",
       "visibility-oid": "username",
       "persistent": false,
       "notIfInvisible": true
     },
     "style": {
       "left": "0px",
       "top": "65px",
       "width": "375px",
       "height": "669px"
     },
     "widgetSet": "basic"
   },
   "e00004": {
     "tpl": "tplStatefulContainerView8",
     "data": {
       "oid": "0_userdata.0.navigation.testuser2",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "testuser2",
       "visibility-groups-action": "hide",
       "count": "2",
       "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,
       "contains_view_0": "01_test",
       "contains_view_1": "02_test",
       "contains_view_2": "03_test",
       "persistent": false,
       "visibility-oid": "username",
       "notIfInvisible": true
     },
     "style": {
       "left": "0px",
       "top": "65px",
       "width": "375px",
       "height": "669px"
     },
     "widgetSet": "basic"
   },
   "e00005": {
     "tpl": "tplVis-materialdesign-TopAppBar-Navigation",
     "data": {
       "oid": "0_userdata.0.navigation.testuser1",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "testuser1",
       "visibility-groups-action": "hide",
       "navItemCount": "2",
       "navDefaultValue": "0",
       "topAppBarLayout": "standard",
       "titleTopAppBar": "Material Design Widget",
       "colorTopAppBarTitle": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.title;dark:vis-materialdesign.0.colors.dark.top_app_bar.title; mode === \"true\" ? dark : light}",
       "colorTopAppBarBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.background;dark:vis-materialdesign.0.colors.dark.top_app_bar.background; mode === \"true\" ? dark : light}",
       "titleFont": "{vis-materialdesign.0.fonts.top_app_bar.title}",
       "titleFontSize": "{vis-materialdesign.0.fontSizes.top_app_bar.title}",
       "topAppBarZ_index": "998",
       "vibrateTopAppBarOnMobilDevices": "50",
       "drawerLayout": "modal",
       "drawerItemLayout": "standard",
       "listItemDividerStyle": "standard",
       "z_index": "1000",
       "showHeader": "true",
       "headerLabel": "<h4 class='mdc-drawer__title'>{username}</h4>",
       "showLabels": "true",
       "listItemAlignment": "left",
       "listItemTextFont": "{vis-materialdesign.0.fonts.top_app_bar.item}",
       "listItemTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.item_disabled}",
       "listItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.item}",
       "listItemHeaderFont": "{vis-materialdesign.0.fonts.top_app_bar.header}",
       "listItemHeaderTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.header}",
       "backdropLabelBackgroundHeight": "30",
       "vibrateDrawerOnMobilDevices": "0",
       "colorDrawerBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.menu_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.menu_background; mode === \"true\" ? dark : light}",
       "colorDrawerItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_background; mode === \"true\" ? dark : light}",
       "colorDrawerHeaderBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_background; mode === \"true\" ? dark : light}",
       "colorListItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_hover; mode === \"true\" ? dark : light}",
       "colorListItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_selected; mode === \"true\" ? dark : light}",
       "colorListItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text; mode === \"true\" ? dark : light}",
       "colorListItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_selected; mode === \"true\" ? dark : light}",
       "colorListItemTextDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_disabled; mode === \"true\" ? dark : light}",
       "colorListItemIconDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_disabled; mode === \"true\" ? dark : light}",
       "colorListItemHeaders": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_text; mode === \"true\" ? dark : light}",
       "colorListItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_divider; mode === \"true\" ? dark : light}",
       "colorSubItemToggleIcon": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_toggle;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_toggle; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "drawerSubItemLayout": "standard",
       "listSubItemDividerStyle": "standard",
       "colorListSubItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_divider; mode === \"true\" ? dark : light}",
       "listSubItemAlignment": "left",
       "listItemSubTextFont": "{vis-materialdesign.0.fonts.top_app_bar.subItem}",
       "listSubItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.subItem}",
       "listItemSubTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.subItem_disabled}",
       "showSubItemsLabels": "true",
       "colorDrawerSubBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background_all;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background_all; mode === \"true\" ? dark : light}",
       "colorDrawerSubItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background; mode === \"true\" ? dark : light}",
       "colorListSubItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_hover; mode === \"true\" ? dark : light}",
       "colorListSubItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_selected; mode === \"true\" ? dark : light}",
       "colorListSubItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text; mode === \"true\" ? dark : light}",
       "colorListSubItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text_selected; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "iconDrawer0": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor0": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility0": "hide",
       "iconDrawer1": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor1": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility1": "hide",
       "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,
       "iconDrawer2": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor2": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility2": "hide",
       "iconDrawer3": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor3": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility3": "hide",
       "labels0": "01_test",
       "labels1": "02_test",
       "labels2": "03_test",
       "showIndexNum": false,
       "visibility-oid": "username"
     },
     "style": {
       "left": "0px",
       "top": "0px",
       "width": "375px",
       "height": "734px"
     },
     "widgetSet": "materialdesign"
   },
   "e00006": {
     "tpl": "tplVis-materialdesign-TopAppBar-Navigation",
     "data": {
       "oid": "0_userdata.0.navigation.testuser2",
       "g_fixed": false,
       "g_visibility": true,
       "g_css_font_text": false,
       "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": "testuser2",
       "visibility-groups-action": "hide",
       "navItemCount": "2",
       "navDefaultValue": "0",
       "topAppBarLayout": "standard",
       "titleTopAppBar": "Material Design Widget",
       "colorTopAppBarTitle": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.title;dark:vis-materialdesign.0.colors.dark.top_app_bar.title; mode === \"true\" ? dark : light}",
       "colorTopAppBarBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.background;dark:vis-materialdesign.0.colors.dark.top_app_bar.background; mode === \"true\" ? dark : light}",
       "titleFont": "{vis-materialdesign.0.fonts.top_app_bar.title}",
       "titleFontSize": "{vis-materialdesign.0.fontSizes.top_app_bar.title}",
       "topAppBarZ_index": "998",
       "vibrateTopAppBarOnMobilDevices": "50",
       "drawerLayout": "modal",
       "drawerItemLayout": "standard",
       "listItemDividerStyle": "standard",
       "z_index": "1000",
       "showHeader": "true",
       "headerLabel": "<h4 class='mdc-drawer__title'>{username}</h4>",
       "showLabels": "true",
       "listItemAlignment": "left",
       "listItemTextFont": "{vis-materialdesign.0.fonts.top_app_bar.item}",
       "listItemTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.item_disabled}",
       "listItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.item}",
       "listItemHeaderFont": "{vis-materialdesign.0.fonts.top_app_bar.header}",
       "listItemHeaderTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.header}",
       "backdropLabelBackgroundHeight": "30",
       "vibrateDrawerOnMobilDevices": "0",
       "colorDrawerBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.menu_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.menu_background; mode === \"true\" ? dark : light}",
       "colorDrawerItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_background; mode === \"true\" ? dark : light}",
       "colorDrawerHeaderBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_background; mode === \"true\" ? dark : light}",
       "colorListItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_hover; mode === \"true\" ? dark : light}",
       "colorListItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_selected; mode === \"true\" ? dark : light}",
       "colorListItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text; mode === \"true\" ? dark : light}",
       "colorListItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_selected; mode === \"true\" ? dark : light}",
       "colorListItemTextDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_text_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_text_disabled; mode === \"true\" ? dark : light}",
       "colorListItemIconDisabled": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_disabled;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_disabled; mode === \"true\" ? dark : light}",
       "colorListItemHeaders": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.header_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.header_text; mode === \"true\" ? dark : light}",
       "colorListItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_divider; mode === \"true\" ? dark : light}",
       "colorSubItemToggleIcon": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon_toggle;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon_toggle; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "drawerSubItemLayout": "standard",
       "listSubItemDividerStyle": "standard",
       "colorListSubItemDivider": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_divider;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_divider; mode === \"true\" ? dark : light}",
       "listSubItemAlignment": "left",
       "listItemSubTextFont": "{vis-materialdesign.0.fonts.top_app_bar.subItem}",
       "listSubItemTextSize": "{vis-materialdesign.0.fontSizes.top_app_bar.subItem}",
       "listItemSubTextFontDisabled": "{vis-materialdesign.0.fonts.top_app_bar.subItem_disabled}",
       "showSubItemsLabels": "true",
       "colorDrawerSubBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background_all;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background_all; mode === \"true\" ? dark : light}",
       "colorDrawerSubItemBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_background;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_background; mode === \"true\" ? dark : light}",
       "colorListSubItemHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_hover;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_hover; mode === \"true\" ? dark : light}",
       "colorListSubItemSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_selected; mode === \"true\" ? dark : light}",
       "colorListSubItemText": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text; mode === \"true\" ? dark : light}",
       "colorListSubItemTextSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_text_selected;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_text_selected; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_off;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_off; mode === \"true\" ? dark : light}",
       "colorDrawerbackdropSubLabelBackgroundActive": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_on;dark:vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_on; mode === \"true\" ? dark : light}",
       "iconDrawer0": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor0": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility0": "hide",
       "iconDrawer1": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor1": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility1": "hide",
       "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,
       "iconDrawer2": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor2": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility2": "hide",
       "iconDrawer3": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
       "iconDrawerColor3": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.top_app_bar.item_icon;dark:vis-materialdesign.0.colors.dark.top_app_bar.item_icon; mode === \"true\" ? dark : light}",
       "permissionVisibility3": "hide",
       "labels0": "01_test",
       "labels1": "02_test",
       "labels2": "03_test",
       "showIndexNum": false,
       "visibility-oid": "username",
       "permissionGroupSelector0": null
     },
     "style": {
       "left": "0px",
       "top": "0px",
       "width": "375px",
       "height": "734px"
     },
     "widgetSet": "materialdesign"
   }
 },
 "name": "01_Index",
 "filterList": []
}

anbei das "consolen log" von der ersten Variante (00_Index (mit 1x „materialdesign - top app bar“ und 3x "basic - view in widget 8")):

Spoiler

info.js:21 Version Info-Adapter-Widget: 0.0.9
DevTools failed to load SourceMap: Could not load content for http://192.168.x.xxx:8082/lib/js/socket.io.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
lib.min.js:22 Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools
lib.min.js:22 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
conn.js:273 2020-12-20T09:37:09.731Z Connected => authenticate
conn.js:293 2020-12-20T09:37:09.787Z Authenticated: true
materialdesign.js:33 Version vis-materialdesign: 0.4.1-beta
promisebuffer.ts:24 sentry initialized for vis-materialdesign
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.darkTheme
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.title
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.title
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fonts.top_app_bar.title
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fontSizes.top_app_bar.title
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fonts.top_app_bar.item
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fonts.top_app_bar.item_disabled
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fontSizes.top_app_bar.item
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fonts.top_app_bar.header
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fontSizes.top_app_bar.header
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.menu_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.menu_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.header_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.header_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_hover
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_hover
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_text
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_text
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_text_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_text_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_text_disabled
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_text_disabled
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_icon_disabled
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_icon_disabled
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.header_text
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.header_text
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_divider
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_divider
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_icon_toggle
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_icon_toggle
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_off
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_off
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_backdrop_background_text_on
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_backdrop_background_text_on
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_divider
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_divider
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fonts.top_app_bar.subItem
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fontSizes.top_app_bar.subItem
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.fonts.top_app_bar.subItem_disabled
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_background_all
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_background_all
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_background
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_hover
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_hover
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_text
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_text
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_text_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_text_selected
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_off
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_off
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.subItem_backdrop_background_text_on
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.subItem_backdrop_background_text_on
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.light.top_app_bar.item_icon
promisebuffer.ts:24 Create inner vis object vis-materialdesign.0.colors.dark.top_app_bar.item_icon
promisebuffer.ts:24 Create inner vis object 0_userdata.0.navigation.admin
promisebuffer.ts:24 Create inner vis object 0_userdata.0.navigation.testuser1
promisebuffer.ts:24 Create inner vis object 0_userdata.0.navigation.testuser2

Eine Frage zur Gruppenberechtigung: warum erscheint in der Auswahl (nach clean Neuinstallation von ioBroker mit Originalkonfiguration mit den vorgegebenen Gruppen "Administrator" und "Benutzer") [object Object] in der Auswahl? Sollte da nicht "Benutzer" und "Administrator" stehen, bzw. wie kann ich das aktualisieren?

[Scrounger]

@dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Das klappt nicht...
Ich kopiere mit aus dem Theme editor den Datenpunkt und kopiere den pfad in primäre/ sekundäre farbe.
Es passier nichts

Doch das geht:

@ice987 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Mit dieser Variante ist jedoch der Vorteil der Gruppenberechtigung weg, da ich für jeden Benutzer eine eigene Navigation erstelle. Somit kann ich diese dementsprechend Konfigurieren und benötige die neu eingeführte Gruppenberechtigung nicht. Ebenfalls ist die Pflege der drei (oder mehreren, fast identischen) widgets extrem aufwändig. Ziel solle nach wie vor die unabhängige Navigation sein, das heisst, wenn ein User die Index-Seite öffnet und durchklickt, darf die Navigation bei den anderen Usern nicht synchron laufen.

Geht leider aktuell nur so, da weder das View In Widget 8 noch die Top App Bar Multiuser support bieten. Da bleibt dir nur die Möglichkeit es wie von Dir beschrieben umzusetzen.
Du kannst gerne beim VIS Adapter ein Issue schreiben, wenn das dort implementiert ist, kann man das dann sicher auch bei den Widgets implementieren.

Eine Frage zur Gruppenberechtigung: warum erscheint in der Auswahl (nach clean Neuinstallation von ioBroker mit Originalkonfiguration mit den vorgegebenen Gruppen "Administrator" und "Benutzer") [object Object] in der Auswahl? Sollte da nicht "Benutzer" und "Administrator" stehen, bzw. wie kann ich das aktualisieren?

Scheint ein Bug im VIS Adapter zu sein.

[dos1973]

@Scrounger
vielleicht erwarte ich etwas anderes... dein Beispiel verstehe ich leider immer noch nicht. Sorry, wenn ich hier ggfs. auf dem Schlauch stehe.

Das was du zeigst, klappt bei mir - aber welchen Sinn hat das? den Wert da reinzukopieren?, dann kann ich doch gleich den Farbwert einsetzen?

mir gehts doch darum

• ich möchte via DP vis-materialdesign.0.colors.darkTheme
  die Farben umschalten können.
• Ich möchte die Farben individuell einstellen können.

dann macht dein obiges Beispiel Sinn

daher dachte ich ich muss in Primärfarbe einen Wert und einen Wert in die Sekundär Farbe aus dem Theme Designer kopieren und einfügen.

[ice987]

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Geht leider aktuell nur so, da weder das View In Widget 8 noch die Top App Bar Multiuser support bieten. Da bleibt dir nur die Möglichkeit es wie von Dir beschrieben umzusetzen.
Du kannst gerne beim VIS Adapter ein Issue schreiben, wenn das dort implementiert ist, kann man das dann sicher auch bei den Widgets implementieren.

irgendwie habe ich demnach die Idee hinter dieser Gruppenberechtigung (noch) nicht verstanden, wenn diese mit mehreren User nicht funktioniert...

Scheint ein Bug im VIS Adapter zu sein.

hab' mal einen Issue dazu eröffnet: https://github.com/ioBroker/ioBroker.vis/issues/325

ice987987 created this issue in ioBroker/ioBroker.vis

closed Group permissions are not displayed correctly in vis #325

[Scrounger]

@dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

daher dachte ich ich muss in Primärfarbe einen Wert und einen Wert in die Sekundär Farbe aus dem Theme Designer kopieren und einfügen.

Entweder versteh ich deine Frage nicht oder du hast das Konzept des Theme Editors noch nicht verstanden. Doku hast du gelesen?

Erstmal ist das Grundprinzip des Theme Editors das Bindings verwendet werden. Wenn du ein neues Widget erstellst, sind die Bindings automatisch schon eingetragen.
Es gibt jetzt zwei Mgölichkeiten.

• Anpassung der Standard Farben -> dadruch kannst du global für alle Widgets das Theme beeinflussen.
• Alternativ kannst du auch anstatt der oben definierten Standard Farben bei einzelnen Widgets (z.B. Buttons) die Farben individuell anpassen, d.h. das dann alle neu erstellten buttons diese Farben bekommen.

Somit gibt es einen zentralen Ort wo du Farben, Schriftarten und Schriftgrößen definierst -> Theme Editor.
Wenn du jetzt aber z.B. zwei Layouts bei buttons haben willst, kannst du beim zweiten layout die Bindings der Standard Farben verwenden -> Vorteil wieder ein zentraler Ort wo du alles konfigurierst. Sollte von den Standard Farben nichts passen, dann entweder die Farben direkt eintragen -> Nachteil muss bei jedem Widget gemacht werden und kein Umschalten zwischen light und dark theme. Alternativ kannst du dir zwei Datenpunkte erstellen und das Binding entsprechenden anpassen
z.B. {mode:vis-materialdesign.0.colors.darkTheme;light:mein.datenpunkt.light.color;dark:mein.datenpunkt.dark.color; mode === "true" ? dark : light}
Vorteil ist das du dann nur die Datenpunkte änderst und alle Widgets die das verwenden automatisch die Farben übernehmen inkl. wechsel zwischen light und dark. So kannst du das ganze auch bei nicht MDW Widgets anwenden und dann über den Theme Editor zentral steuern.

@ice987 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

irgendwie habe ich demnach die Idee hinter dieser Gruppenberechtigung (noch) nicht verstanden, wenn diese mit mehreren User nicht funktioniert...

Damit kannst du z.B. verhindern das nicht berichtigte User Buttons betätigen können oder z.B. gewisse Views sehen können. In der Top App Bar kannst du damit Menü Punkte deaktivieren oder ausblenden.
Das löst nicht das Problem mit dem Multiuser - wie gesagt hierzu am besten ein Issue beim VIS Adapter schreiben, damit Multiuser Fkt implementiert wird.

[dos1973]

ja, ich habe die Anleitung gelesen, Der Ansatz mit dem zentralen finde ich gut, aber das ist für mich momentan einfach viel zu unübersichtlich.
um ehrlich zu sein, bin ich momentan ziemlich deprimiert, mein ganzes VIS ist seit 4.0 irgendwie "hinüber"... da in allen Seiten bereits die neuen Werte drin sind.

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Sollte von den Standard Farben nichts passen, dann entweder die Farben direkt eintragen -> Nachteil muss bei jedem Widget gemacht werden und kein Umschalten zwischen light und dark theme.

kein Umschalten zwischen light und dark, das hatte ich mir am meisten gewünscht.

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Alternativ kannst du dir zwei Datenpunkte erstellen und das Binding entsprechenden anpassen
z.B. {mode:vis-materialdesign.0.colors.darkTheme;light:mein.datenpunkt.light.color;dark:mein.datenpunkt.dark.color; mode === "true" ? dark : light}

hier habe ich nur Bahnhof verstanden...
wo erstelle ich denn ein 2tes Layout?

[ice987]

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Damit kannst du z.B. verhindern das nicht berichtigte User Buttons betätigen können oder z.B. gewisse Views sehen können. In der Top App Bar kannst du damit Menü Punkte deaktivieren oder ausblenden.
Das löst nicht das Problem mit dem Multiuser - wie gesagt hierzu am besten ein Issue beim VIS Adapter schreiben, damit Multiuser Fkt implementiert wird.

ich kann schon einen Issue eröffnen. Was soll denn da genau drinstehen?

evtl. könnte noch ein Schreibfehler behoben werden: "materialdesign - Top App Bar" -> Allgemein:

Wert 2 ergibt 3 Elemente. Vorschlag: Wert n+1 rechnen oder Text in z.B. "Werteanzahl bis:" (wie bei basic - view in widget 8 ) ändern.

[Scrounger]

@dos1973
Am Besten ist glaub, dass du wie folgt vorgehst. Bei alllen vorhanden widgets den button theme verwenden drücken. Dann zwei Fenster aufmachen, eins mit Theme Editor und eins mit der runtime.
Dann spielst mal mit den Einstellungen rum, denke dann verstehst du sehr schnell wie das ganze funktioniert.

@ice987 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:
ich kann schon einen Issue eröffnen. Was soll denn da genau drinstehen?

Support Multiuser for Widget View in 8 z.B.

evtl. könnte noch ein Schreibfehler behoben werden: "materialdesign - Top App Bar" -> Allgemein:

Wert 2 ergibt 3 Elemente. Vorschlag: Wert n+1 rechnen oder Text in z.B. "Werteanzahl bis:" (wie bei basic - view in widget 8 ) ändern.

Nee des bleibt so, ist genauso wie bei view in widget 8 und 0 zählt in der programmierung mit.

[ice987]

@Scrounger sagte in Test Adapter Material Design Widgets v0.4.0-beta:

Nee des bleibt so, ist genauso wie bei view in widget 8 und 0 zählt in der programmierung mit.

"materialdesign - Top App Bar":

ergibt 3 Elemente (0, 1 und 2) nicht wie angezeigt 2

"basic - view in widget 8":

ergibt 3 Elemente, da Werteanzahl bis 2 (0, 1 und 2)

[dos1973]

@Scrounger
vorab,Danke für deine Geduld

jetzt nochmal für Dummies

ich habe den "Button State vertical" definiert

was ich immer noch nicht verstanden habe, wie kann ich einen weiteren Farbensatz für den "Button State vertical", verwenden -> der auch auf den DP vis-materialdesign.0.colors.darkTheme reagiert?

ich möchte einen weiteren der zB. als Farben Gelb und grün hat

[dos1973]

ok, ich habs glaube ich verstanden

{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.default_1;dark:vis-materialdesign.0.colors.dark.default_11; mode === "true" ? dark : light}

light.default_1 ->hier kommt die Nummer der Farbe für hell
dark.default_11 -> ier kommt die Nummer der Farbe für dunkel

Edit:
mein Fehler war,
ich dachte Primärfarbe= hell und sekundärfarbe = dunkel

[Scrounger]

@dos1973 sagte in Test Adapter Material Design Widgets v0.4.0-beta:

ok, ich habs glaube ich verstanden

{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.default_1;dark:vis-materialdesign.0.colors.dark.default_11; mode === "true" ? dark : light}

light.default_1 ->hier kommt die Nummer der Farbe für hell
dark.default_11 -> ier kommt die Nummer der Farbe für dunkel

Edit:
mein Fehler war,
ich dachte Primärfarbe= hell und sekundärfarbe = dunkel

Genau so funktioniert es