Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.5.x

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Material Design Widgets v0.5.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Conquest @Conquest last edited by Conquest

      @Scrounger
      Bei der Progress Bar das gleiche(siehe rote Pfeile). Anscheinend nimmt er bei manchen das light Theme warum auch immer.
      Ausserdem löscht er mir manchmal ,wenn ich "useTheme" benutze , die Object ID.

      screenshot-192.168.178.46_8082-2021.03.08-20_51_31.png

      Ok gerade festgestellt es passiert nur im View in widget 8. Öffne ich es normal ist alles richtig.

      Scrounger 1 Reply Last reply Reply Quote 0
      • Scrounger
        Scrounger Developer @Conquest last edited by Scrounger

        @conquest
        werden die auch nach neu laden (F5) der runtime auch nicht übernommen?
        setz mal alles zurück - auf den einzelnen Reitern der button zurücksetzen drücken und danach speichern.

        C 1 Reply Last reply Reply Quote 0
        • C
          Conquest @Scrounger last edited by

          @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

          @conquest
          werden die auch nach neu laden (F5) der runtime auch nicht übernommen?
          setz mal alles zurück - auf den einzelnen Reitern der button zurücksetzen drücken und danach speichern.

          F5 hat nicht geholfen.
          Hab dann auf allen Reitern zurücksetzen gedrückt wird auch nicht bei allen übernommen (siehe rote Pfeile).
          Noch eine Idee?

          screenshot-192.168.178.46_8082-2021.03.09-16_28_59.png

          C 1 Reply Last reply Reply Quote 0
          • C
            Conquest @Conquest last edited by

            @Scrounger

            Ich kann die Farben eingeben wie ich will es ändert sich immer nur bis zur Nummer 12.

            screenshot-192.168.178.46_8082-2021.03.09-17_00_18.png

            Scrounger liv-in-sky 3 Replies Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @Conquest last edited by

              @conquest
              Was steht im consolen log (F12) zur Laufzeit?
              Stell bitte nen export von deinem Widget zur verfügung.

              C 1 Reply Last reply Reply Quote 0
              • C
                Conquest @Scrounger last edited by

                @scrounger
                Mach ich gerne. Schon mal vielen Dank für deine Hilfe.

                Widget:

                [{"tpl":"tplVis-materialdesign-TopAppBar-Navigation","data":{"oid":"0_userdata.0.materialdesign.topappbar","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":"11","submenuCounts_0":"0","submenuCounts_1":"0","topAppBarLayout":"standard","titleTopAppBar":"Menü","topAppBarZ_index":"998","vibrateTopAppBarOnMobilDevices":"50","drawerLayout":"modal","drawerItemLayout":"standard","listItemDividerStyle":"standard","z_index":"1600","showHeader":"true","headerLabel":"<h4 class='mdc-drawer__title'>Menü</h4><h6 class='mdc-drawer__subtitle'></h6>","showLabels":"true","listItemAlignment":"left","backdropLabelBackgroundHeight":"30","vibrateDrawerOnMobilDevices":"0","drawerSubItemLayout":"standard","listSubItemAlignment":"left","showSubItemsLabels":"true","iconDrawer0":"home","iconDrawer1":"robot-mower","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,"showIndexNum":true,"colorTopAppBarBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.background","submenuCounts_2":"0","iconDrawer2":"lightbulb","submenuCounts_3":"0","iconDrawer3":"window-shutter","colorDrawerBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.menu_background","colorDrawerHeaderBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.header_background","colorListItemText":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text","colorListItemSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_selected","colorListItemDivider":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_divider","colorSubItemToggleIcon":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_toggle","labels0":"Home","dividers0":true,"colorListItemTextSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text_selected","colorListItemHeaders":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.header_text","showSelectedItemAsTitle":true,"colorTopAppBarTitle":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.title","drawerIconHeight":"30","listItemHeaderTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.header","labels1":"Alfredo","labels2":"Beleuchtung","dividers1":true,"dividers2":true,"labels3":"Beschattung","submenuCounts_4":"0","iconDrawer4":"cart","submenuCounts_5":"4","iconDrawer5":"radio","submenuCounts_6":"0","iconDrawer6":"temperature-celsius","submenuCounts_7":"0","iconDrawer7":"car-brake-alert","submenuCounts_8":"0","iconDrawer8":"pool","colorDrawerSubBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_background_all","colorListSubItemSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_selected","colorDrawerSubItemBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_background","colorListSubItemText":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_text","submenuCounts_9":"7","iconDrawer9":"table-cog","headers0":"","dividers3":true,"labels4":"Bring","dividers4":true,"labels5":"Geräte&Medien","dividers5":true,"labels6":"Heizung","dividers6":true,"labels7":"Notdienste","dividers7":true,"labels8":"Pool","dividers8":true,"labels9":"System","dividers9":true,"submenuCounts_10":"0","iconDrawer10":"traffic-light","submenuCounts_11":"0","iconDrawer11":"weather-partly-cloudy","submenuCounts_12":"0","iconDrawer12":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","submenuCounts_13":"0","iconDrawer13":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","labels10":"Verkehr","dividers10":true,"labels12":"Verkehr","labels13":"Wetter","labels11":"Wetter","dividers11":true,"dividers12":true,"dividers13":true,"iconDrawerColor3":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor2":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor1":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor0":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor4":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor6":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor7":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor9":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor10":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor5":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor8":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColor11":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","navDefaultValue":"0","titleFont":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.title","titleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.title","listItemTextFont":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.item","listItemTextFontDisabled":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.item_disabled","listItemTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.item","listItemHeaderFont":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.header","colorDrawerItemBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_background","colorListItemHover":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_hover","colorListItemTextDisabled":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text_disabled","colorListItemIconDisabled":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_disabled","colorDrawerbackdropLabelBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_backdrop_background_text_off","colorDrawerbackdropLabelBackgroundActive":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_backdrop_background_text_on","listSubItemDividerStyle":"standard","colorListSubItemDivider":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_divider","listItemSubTextFont":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.subItem","listSubItemTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.subItem","listItemSubTextFontDisabled":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.subItem_disabled","colorListSubItemHover":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_hover","colorListSubItemTextSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_text_selected","colorDrawerbackdropSubLabelBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_backdrop_background_text_off","colorDrawerbackdropSubLabelBackgroundActive":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_backdrop_background_text_on","permissionVisibility0":"hide","permissionVisibility1":"hide","permissionVisibility2":"hide","permissionVisibility3":"hide","permissionVisibility4":"hide","permissionVisibility5":"hide","permissionVisibility6":"hide","permissionVisibility7":"hide","permissionVisibility8":"hide","permissionVisibility9":"hide","permissionVisibility10":"hide","permissionVisibility11":"hide","submenus5":"[\n\t{\n\t\t\"text\": \"Fernseher\",\n\t\t\"icon\": \"filmstrip\",\n\t\t\"iconColor\": \"#13b3ec\",\n\t\t\"divider\": \"true\"\n\t}, \n\t{\n\t\t\"text\": \"Kamera\",\n\t\t\"icon\": \"camera\",\n\t\t\"iconColor\": \"#13b3ec\",\n\t\t\"divider\": \"true\"\n\t}, \n\t{\n\t\t\"text\": \"Nachrichten\",\n\t\t\"divider\": \"true\",\n\t\t\"iconColor\": \"#13b3ec\",\n\t\t\"icon\": \"newspaper\"\n\t\t\n\t},\n\t{\n\t    \"text\": \"Sonos\",\n\t    \"icon\": \"music-box\",\n\t    \"iconColor\": \"#13b3ec\"\n\t}    \n]","submenus9":"[\n\t{\n\t\t\"text\": \"Adapter\",\n\t\t\"icon\": \"view-comfy\",\n\t\t\"iconColor\": \"#13b3ec\",\n\t\t\"divider\": \"true\"\n\t}, \n\t{\n\t\t\"text\": \"Fritzbox\",\n\t\t\"icon\": \"phone-classic\",\n\t\t\"iconColor\": \"#13b3ec\",\n\t\t\"divider\": \"true\"\n\t}, \n\t{\n\t\t\"text\": \"Homematic\",\n\t\t\"divider\": \"true\",\n\t\t\"iconColor\": \"#13b3ec\",\n\t\t\"icon\": \"laptop\"\n\t},\n\t{\n\t    \"text\": \"Iobroker\",\n\t    \"icon\": \"server\",\n\t    \"iconColor\": \"#13b3ec\",\n\t    \"divider\": \"true\"\n\t},\n\t{\n\t    \"text\": \"Log\",\n\t    \"icon\": \"math-log\",\n\t    \"iconColor\": \"#13b3ec\",\n\t    \"divider\": \"true\"\n\t},\n\t{\n\t    \"text\": \"Netzwerk\",\n\t    \"icon\": \"network\",\n\t    \"iconColor\": \"#13b3ec\",\n\t    \"divider\": \"true\"\n\t},\n\t{\n\t    \"text\": \"Scripte\",\n\t    \"icon\": \"language-javascript\",\n\t    \"iconColor\": \"#13b3ec\",\n\t    \"divider\": \"true\"\n\t}\t\n]"},"style":{"left":"0px","top":"0px","width":"1280px","height":"60px"},"widgetSet":"materialdesign"}]
                


                Consolen Log:

                DevTools failed to load SourceMap: Could not load content for http://192.168.178.46:8082/lib/js/socket.io.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                promisebuffer.ts:24 Create inner vis object mihome-vacuum.0.info.error
                promisebuffer.ts:24 Create inner vis object logparser.0.filters.Error.jsonCount
                

                1 Reply Last reply Reply Quote 0
                • Scrounger
                  Scrounger Developer @Conquest last edited by

                  @conquest sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                  @Scrounger

                  Ich kann die Farben eingeben wie ich will es ändert sich immer nur bis zur Nummer 12.

                  screenshot-192.168.178.46_8082-2021.03.09-17_00_18.png

                  Hab den fehler behoben, teste bitte die aktuelle github version - VIS Adapter upload nach Installation machen!

                  C 1 Reply Last reply Reply Quote 1
                  • C
                    Conquest @Scrounger last edited by

                    @scrounger
                    Funktioniert. Wieder mal tolle Arbeit von dir. Danke.

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Conquest last edited by

                      @conquest

                      vielleicht interessant für dich - ich wollte auch einen menu punkt farblich herausheben - nutze den häufig

                      habe einfach das in das beschriftungsfld geschrieben:

                      <font style="color:yellow; ">TABELLEN&emsp;&emsp;</font>
                      

                      @Scrounger - oder geht das anders besser

                      Image 10.png

                      Scrounger 1 Reply Last reply Reply Quote 0
                      • Scrounger
                        Scrounger Developer @liv-in-sky last edited by

                        @liv-in-sky sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                        <font style="color:yellow; ">TABELLEN&emsp;&emsp;</font>
                        

                        Genau richtig, für einen einzelnen Menüpunkt geht das nur per html.
                        Alle kann man per VIS Editor oder Theme Editor einstellen

                        D 1 Reply Last reply Reply Quote 0
                        • D
                          dack23 @Scrounger last edited by

                          @scrounger moin erstmal vielen dank für den tollen Adapter

                          Ich bekomme es nicht hin das submenü zu verlinken
                          Also buttons sind vorhanden im submenü aber wie linke ich sie zu einer view?

                          Scrounger 1 Reply Last reply Reply Quote 0
                          • Scrounger
                            Scrounger Developer @dack23 last edited by

                            @dack23 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                            @scrounger moin erstmal vielen dank für den tollen Adapter

                            Ich bekomme es nicht hin das submenü zu verlinken
                            Also buttons sind vorhanden im submenü aber wie linke ich sie zu einer view?

                            Schau bitte in das folgende Thema, da wurde das schon sehr oft besprochen:
                            https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                            Tipp: es gibt bei jedem Widget Links, wo du direkt zum Thema der einzelnen Widgets (und Doku) gelangst. Dort sind bereits viele Fragestellungen geklärt, wenn nicht einfach Frage stellen dann hilft dir die Community und ich weiter.
                            45247918-2c50-4591-b404-d6f83b454a93-grafik.png

                            D 1 Reply Last reply Reply Quote 0
                            • D
                              dack23 @Scrounger last edited by

                              @scrounger hab ich bereits alles gelesen die ganzen Erklärungen und gut seite mit Beispielen hilft nicht wirklich mache das wie auf github steht da steht ja nur für submenü das eintragen hab ich Menü da Funktion nein ..

                              Aber egal ich werde was anderes nutzen trotzdem danke

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @dack23 last edited by Scrounger

                                @dack23
                                Du musst zusammen mit dem View in Widget 8 nutzen. Bei beiden den gleichen datenpunkt vom Typ Nummer eintragen. Dann kannst die View im View in Widget 8 ändern

                                siehe https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/26 und folgende

                                D 2 Replies Last reply Reply Quote 0
                                • D
                                  dack23 @Scrounger last edited by dack23

                                  @scrounger kriege es nicht hin egal wie oder wo ich was einstelle

                                  Edit:
                                  So hab es endlich hinbekommen und Motorik dahinter verstanden

                                  1 Reply Last reply Reply Quote 0
                                  • D
                                    dack23 @Scrounger last edited by dack23

                                    @scrounger hi ich hab ein klkeines neues problem
                                    ich hab 11 navigations elemente mit 4 submenüs
                                    in widget 8 33 werte für alle menüs

                                    alles geht soweit auch die untermenüs

                                    nur irgendwie ab view 16 passiert nix und für alle folgenden views bis 33 passiert nix

                                    ist das menü irgendwie limitiert ?

                                    und könnte man es irgendwie schaffen das das submenü sich selbst zuklappt wddfdfdf.png 2323.PNG en man die views ändert

                                    Scrounger 1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer @dack23 last edited by

                                      @dack23
                                      Wird in den datenpunkt zahlen > 16 geschrieben?

                                      D 1 Reply Last reply Reply Quote 0
                                      • D
                                        dack23 @Scrounger last edited by

                                        @scrounger ja und auch 33

                                        Scrounger 1 Reply Last reply Reply Quote 0
                                        • Scrounger
                                          Scrounger Developer @dack23 last edited by

                                          @dack23
                                          Dann funktioniert die topappbar korrekt, der Fehler liegt dann irgendwo im View in Widget 8.
                                          Hast du bei den Menüpunkten wo du submenus aufklappen ein Leerzeichen dort eingegeben und wieder gelöscht?

                                          D 1 Reply Last reply Reply Quote 0
                                          • D
                                            dack23 @Scrounger last edited by

                                            @scrounger nein muss man das ?
                                            Teste ich morgen wäre ja klasse

                                            Scrounger 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            977
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter material material design widgets vis visualisation widget
                                            22
                                            110
                                            12530
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo