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 @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
                                        • Scrounger
                                          Scrounger Developer @dack23 last edited by

                                          @dack23
                                          Ich meine mich daran zu erinnern daß das die Lösung war, mehr dazu müsste im topappbar Threads stehen.
                                          Ich selber hab keine 33 Views in Verwendung 😉

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

                                            @scrounger danke genau so geht's

                                            Wie bekomme ich das hin das das submenü sich selbst zuklappt ?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            945
                                            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