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.3k

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

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

Test Adapter Material Design Widgets v0.4.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadaptervisualisationmaterialmaterial design widgetswidget
126 Beiträge 20 Kommentatoren 22.9k 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.
  • ScroungerS Scrounger

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

    auf dem Samsung wird das Widget nicht angezeigt

    Samsung Browser oder iobroker app?

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

    Hallo,

    ich habe bei Verwendung der HTML Cards bei dunklem Design immer kleine weiße Ecken.
    Das hängt irgendwie mit dem Hintergrund zusammen, da die Ecken der HTML Cards etwas abgerubdet suind.
    Jemand eine Idee wie man das wegbekommt ?

    2020-12-14_185929.jpg

    Mach mal bitte nen export von deinem Widget, dann schau ich es mir an.

    WszeneW Offline
    WszeneW Offline
    Wszene
    schrieb am zuletzt editiert von
    #30

    @Scrounger
    ioBroker App

    Meine Hard- & Software:

    • MSI Cubi 5 10M-049DE mit Proxmox
    • CC2652P Zigbee Stick
    • Steckdosen mit Tasmota und Zigbee
    • Lichtschalter mit Tasmota
    • IKEA TRÅDFRI Glühbirnen
    • Aqara Sensoren
    ScroungerS H 2 Antworten Letzte Antwort
    0
    • WszeneW Wszene

      @Scrounger
      ioBroker App

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

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

      @Scrounger
      ioBroker App

      Und im Browser? Wenn es im Browser geht, dann ist es ein thema der iobroker app. Hier müssen neue Versionen des mdw explizit implementiert werden.

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

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

      WszeneW O 2 Antworten Letzte Antwort
      0
      • ScroungerS Scrounger

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

        @Scrounger
        ioBroker App

        Und im Browser? Wenn es im Browser geht, dann ist es ein thema der iobroker app. Hier müssen neue Versionen des mdw explizit implementiert werden.

        WszeneW Offline
        WszeneW Offline
        Wszene
        schrieb am zuletzt editiert von
        #32

        @Scrounger
        Ich habe es gerade mal im chrome probiert
        Dort geht es

        Auf dem iPhone geht es auch in der ioBroker App

        Meine Hard- & Software:

        • MSI Cubi 5 10M-049DE mit Proxmox
        • CC2652P Zigbee Stick
        • Steckdosen mit Tasmota und Zigbee
        • Lichtschalter mit Tasmota
        • IKEA TRÅDFRI Glühbirnen
        • Aqara Sensoren
        1 Antwort Letzte Antwort
        0
        • WszeneW Wszene

          @Scrounger
          ioBroker App

          H Offline
          H Offline
          heinzie
          schrieb am zuletzt editiert von heinzie
          #33

          @Wszene Ich habe einfach mal das ganze Projekt gespeichert und die Änderungen (dunkles Design) nur bei "Wetter_Luftfeuchtigkeit_Day_1" vorgenommen. Da kann man das gut sehen in der Überischt "Wetter"
          2020-12-15-test_wetter.zip

          1 Antwort Letzte Antwort
          0
          • ScroungerS Scrounger

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

            @Scrounger
            ioBroker App

            Und im Browser? Wenn es im Browser geht, dann ist es ein thema der iobroker app. Hier müssen neue Versionen des mdw explizit implementiert werden.

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

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

            Gruß
            Oliver

            ScroungerS 1 Antwort Letzte Antwort
            0
            • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          412

                                          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