Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.4.x

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.5k

Test Adapter Material Design Widgets v0.4.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadaptervisualisationmaterialmaterial design widgetswidget
126 Beiträge 20 Kommentatoren 23.0k Aufrufe 30 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • O Oli

    @Scrounger

    Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

    Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

    Beispiel:
    ef8ee2a6-44df-47aa-80c2-62c51e20e895-image.png

    Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

    Mir ist noch was aufgefallen
    teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

    dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

    f0e82f13-8790-430a-8a09-bb3b87671231-image.png

    Ich bin wieder mal total begeistert von der neuen Version, danke für die Arbeit, die du dafür investierst.

    ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von
    #35

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

    Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

    Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

    Denke das ist möglich, könnt ich acuh gebrauchen. Mach bitte nen issue auf github auf und schreib auch rein wie du das per css realisiert hast, kann das evtl. ganz leicht übernehmen

    Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

    Muss ich mal drüber nachdenken, ob und wie man das realisieren könnte, aber im ersten Moment denke ich auch das es zu aufwendig ist.

    Mir ist noch was aufgefallen
    teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

    dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

    f0e82f13-8790-430a-8a09-bb3b87671231-image.png

    Welche Farben genau (Datenpunkt)?
    In der Runtime werden Sie auch nicht übernommen?

    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

    D O 2 Antworten Letzte Antwort
    0
    • ScroungerS Scrounger

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

      Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

      Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

      Denke das ist möglich, könnt ich acuh gebrauchen. Mach bitte nen issue auf github auf und schreib auch rein wie du das per css realisiert hast, kann das evtl. ganz leicht übernehmen

      Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

      Muss ich mal drüber nachdenken, ob und wie man das realisieren könnte, aber im ersten Moment denke ich auch das es zu aufwendig ist.

      Mir ist noch was aufgefallen
      teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

      dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

      f0e82f13-8790-430a-8a09-bb3b87671231-image.png

      Welche Farben genau (Datenpunkt)?
      In der Runtime werden Sie auch nicht übernommen?

      D Offline
      D Offline
      dos1973
      schrieb am zuletzt editiert von
      #36

      @Scrounger
      hi, ich habe kein Testsystem - aber ein Backup ;-)

      wenn ich das jetzt über mein Produktives drüberinstallieren, passiert gleich etwas mit meinem aktuellen VIS? oder kann ich mit einer Kopie neu anfangen.

      O 1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

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

        Wäre es möglich im Table Widget verschiedene Zeilenfarben zu integrieren?

        Ich mache das momentan über CSS, wäre allerdings im Adapter angenehmer zu konfigurieren

        Denke das ist möglich, könnt ich acuh gebrauchen. Mach bitte nen issue auf github auf und schreib auch rein wie du das per css realisiert hast, kann das evtl. ganz leicht übernehmen

        Eine coole Sache wäre noch, wenn ich ein Widget in der Vis konfigurieren könnte und diese Werte anschließend im Adapter als feste Einstellungen für das Widget speichern könnte. Wird aber wahrscheinlich zu aufwendig sein, dass zu programmieren.

        Muss ich mal drüber nachdenken, ob und wie man das realisieren könnte, aber im ersten Moment denke ich auch das es zu aufwendig ist.

        Mir ist noch was aufgefallen
        teilweise werden Farben nicht übernommen, wenn ich sie bei "Farben (dunkel)" ändere

        dd725e99-37ea-4b33-b1ed-c1c67869e1fa-image.png

        f0e82f13-8790-430a-8a09-bb3b87671231-image.png

        Welche Farben genau (Datenpunkt)?
        In der Runtime werden Sie auch nicht übernommen?

        O Online
        O Online
        Oli
        schrieb am zuletzt editiert von Oli
        #37

        @Scrounger
        das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
        Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?
        Aber für was ist dann der Reiter Farben (dunkel)?

        In der Runtime werden sich auch nicht angezeigt

        issue auf github ist erstellt, du kannst dir auch mal das Widget von der Eventlist anschauen, da ist es schon hinterlegt

        Gruß
        Oliver

        ScroungerS 1 Antwort Letzte Antwort
        0
        • D dos1973

          @Scrounger
          hi, ich habe kein Testsystem - aber ein Backup ;-)

          wenn ich das jetzt über mein Produktives drüberinstallieren, passiert gleich etwas mit meinem aktuellen VIS? oder kann ich mit einer Kopie neu anfangen.

          O Online
          O Online
          Oli
          schrieb am zuletzt editiert von
          #38

          @dos1973

          also bei mir ist die Vis gleichgeblieben, habe die neue Version einfach darüber installiert.

          Gruß
          Oliver

          1 Antwort Letzte Antwort
          0
          • O Oli

            @Scrounger
            das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
            Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?
            Aber für was ist dann der Reiter Farben (dunkel)?

            In der Runtime werden sich auch nicht angezeigt

            issue auf github ist erstellt, du kannst dir auch mal das Widget von der Eventlist anschauen, da ist es schon hinterlegt

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #39

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

            @Scrounger
            das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
            Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?

            Hast du schon richtig verstanden, Farben über die Adapter settings machen.

            • Der Datenpunkt vis-materialdesign.0.colors.darkTheme steht auf true?
            • Theme verwenden im Vis Editor beim table widget ausgeführt, siehe
              https://github.com/Scrounger/ioBroker.vis-materialdesign#vis-editor-restore--update-old-widgets?
            • was steht in der browser console (F12)

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            O 1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

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

              @Scrounger
              das komplette Table Widget übernimmt nur die Daten von Farben, nicht von Farben (dunkel).
              Oder habe ich da in der Beschreibung was falsch verstanden und muss die Einstelllungen unter Farben machen?

              Hast du schon richtig verstanden, Farben über die Adapter settings machen.

              • Der Datenpunkt vis-materialdesign.0.colors.darkTheme steht auf true?
              • Theme verwenden im Vis Editor beim table widget ausgeführt, siehe
                https://github.com/Scrounger/ioBroker.vis-materialdesign#vis-editor-restore--update-old-widgets?
              • was steht in der browser console (F12)
              O Online
              O Online
              Oli
              schrieb am zuletzt editiert von Oli
              #40

              @Scrounger

              Der Datenpunkt war der Übeltätet, danke

              Kann ich den in den Einstellungen auch auf true setzen, oder geht das nur manuell?

              Gruß
              Oliver

              ScroungerS 1 Antwort Letzte Antwort
              0
              • O Oli

                @Scrounger

                Der Datenpunkt war der Übeltätet, danke

                Kann ich den in den Einstellungen auch auf true setzen, oder geht das nur manuell?

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von
                #41

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

                Kann ich den in den Einstellungen auch auf true setzen, oder geht das nur manuell?

                Geht aktuell nur manuell, aber das kann ich noch einbauen, nicht jeder will wahrscheinlich zwischen light und DARK bei Sonnenuntergang wechseln ;-)

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger
                  Aktuelle Test Version 0.4.2
                  Veröffentlichungsdatum 29.12.2020
                  Github Link https://github.com/Scrounger/ioBroker.vis-materialdesign

                  Folgende Braeking Changes gibt es:

                  • Line History Widget: Aggregation muss jetzt für jeden Datensatz eingestellt werden mehr dazu in der Dokumentation
                  • Top App Bar Widget: Untermenüs müssen per json string definiert werden, mehr dazu in der Dokumentation

                  Neben vielen Fehlerbehebungen und einigen von euch gewünschten Features hab ich einen Theme Editor eingebaut - ok ich nenne ihn Theme Editor, verwendet wird dafür aber die binding technik des vis adapter ;-)

                  5e39c0e3-7627-400a-9eb6-b4852fb52478-grafik.png

                  Wie das ganze funktioniert, findet ihr in der Dokumentation.

                  Bin auf Euer Feedback gespannt!

                  Bei Fehlern bitte consolen log (F12) mit posten!

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von sigi234
                  #42

                  @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.

                  Screenshot (2931).png

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  D 1 Antwort Letzte Antwort
                  0
                  • sigi234S 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.

                    Screenshot (2931).png

                    D Offline
                    D Offline
                    dos1973
                    schrieb am zuletzt editiert von dos1973
                    #43

                    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)

                    1 Antwort Letzte Antwort
                    0
                    • sigi234S sigi234

                      @Scrounger

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

                      D Offline
                      D Offline
                      dos1973
                      schrieb am zuletzt editiert von
                      #44

                      @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?

                      D ScroungerS 2 Antworten Letzte Antwort
                      0
                      • D 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?

                        D Offline
                        D Offline
                        dos1973
                        schrieb am zuletzt editiert von
                        #45

                        @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

                        D 1 Antwort Letzte Antwort
                        0
                        • D 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

                          D Offline
                          D Offline
                          dos1973
                          schrieb am zuletzt editiert von
                          #46

                          hat denn bisher noch niemand damit etwas gemacht?

                          ice987I 1 Antwort Letzte Antwort
                          0
                          • D dos1973

                            hat denn bisher noch niemand damit etwas gemacht?

                            ice987I Offline
                            ice987I Offline
                            ice987
                            schrieb am zuletzt editiert von ice987
                            #47

                            @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")

                            {
                             "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

                            {
                             "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

                            {
                             "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

                            {
                             "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 :flushed:

                            husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                            1 Antwort Letzte Antwort
                            0
                            • D 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?

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              schrieb am zuletzt editiert von Scrounger
                              #48

                              @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.

                              <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                              <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                              D ice987I 2 Antworten Letzte Antwort
                              0
                              • ScroungerS 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.

                                D Offline
                                D Offline
                                dos1973
                                schrieb am zuletzt editiert von dos1973
                                #49

                                @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

                                ScroungerS 1 Antwort Letzte Antwort
                                0
                                • ScroungerS 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.

                                  ice987I Offline
                                  ice987I Offline
                                  ice987
                                  schrieb am zuletzt editiert von ice987
                                  #50

                                  @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")

                                  {
                                   "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")):

                                  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?

                                  8a3f3a56-deaf-416a-9115-ea69797fc7bd-image.png

                                  husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                                  1 Antwort Letzte Antwort
                                  0
                                  • D 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

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #51

                                    @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:
                                    geht.gif

                                    @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.

                                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                    D ice987I 2 Antworten Letzte Antwort
                                    0
                                    • ScroungerS 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:
                                      geht.gif

                                      @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.

                                      D Offline
                                      D Offline
                                      dos1973
                                      schrieb am zuletzt editiert von dos1973
                                      #52

                                      @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.

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS 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:
                                        geht.gif

                                        @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.

                                        ice987I Offline
                                        ice987I Offline
                                        ice987
                                        schrieb am zuletzt editiert von ice987
                                        #53

                                        @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

                                        husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                                        1 Antwort Letzte Antwort
                                        0
                                        • D 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.

                                          ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #54

                                          @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.

                                          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                          D ice987I 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          269

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe