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

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Top App Bar Widget

NEWS

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

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

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

Material Design Widgets: Top App Bar Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
412 Beiträge 74 Kommentatoren 88.7k Aufrufe 79 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.
  • GlasfaserG Glasfaser

    @ckmartens

    Sehr komisch das hier so viele damit Probleme haben !??

    Funktioniert seit Anfang an Super die TopAppBar, eingerichtet / geändert nach der Github Anleitung .

    Hier mal meine Einstellungen :

    1.JPG
    .
    2.JPG
    .
    und im Submenue

    [
    	{
    		"text": "Rollladen Erdgeschoß",
    		"icon": "/icons-mfd-png/fts_shutter_automatic.png",
    		"userGroups": ["administrator", "user"],
    		"behaviorNotInUserGroup": "disabled"
    	
    	}, 
    	{
    		"text": "Rollladen Obergeschoß",
    		"icon": "/icons-mfd-png/fts_shutter_automatic.png",
    		"divider": "true",
    		"userGroups": ["administrator", "user"],
    		"behaviorNotInUserGroup": "disabled"
    	}, 
    	{
    		"text": "Timer",
    		"divider": "true",
    		"icon": "/icons-mfd-png/fts_shutter_automatic.png",
    		"userGroups": ["administrator", "user"],
    		"behaviorNotInUserGroup": "disabled"
    		
    	}
    ]
    

    .
    111111111111111111111111111111111111111.JPG

    CKMartensC Offline
    CKMartensC Offline
    CKMartens
    schrieb am zuletzt editiert von
    #243

    @glasfaser
    Hat bei mir bis zum vorletzten Update auch funktioniert. Dann fingen die Fehler an.
    Ich habe gerade zum Testen das Vies von dos1973 importiert. Und hier tritt der selbe Fehler auf. Also sollte es nicht an Einstellungen in meiner View liegen. Und wie gesagt , die ersten drei, also [0] - [2], Elemente funktionieren, danach nicht mehr. Das selbe im importierten Vis.

    GlasfaserG 1 Antwort Letzte Antwort
    0
    • CKMartensC CKMartens

      @glasfaser
      Hat bei mir bis zum vorletzten Update auch funktioniert. Dann fingen die Fehler an.
      Ich habe gerade zum Testen das Vies von dos1973 importiert. Und hier tritt der selbe Fehler auf. Also sollte es nicht an Einstellungen in meiner View liegen. Und wie gesagt , die ersten drei, also [0] - [2], Elemente funktionieren, danach nicht mehr. Das selbe im importierten Vis.

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      schrieb am zuletzt editiert von
      #244

      @ckmartens

      kannst du das TopAppBar Widget von dir mal hier hochladen .

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      CKMartensC 1 Antwort Letzte Antwort
      0
      • GlasfaserG Glasfaser

        @ckmartens

        kannst du das TopAppBar Widget von dir mal hier hochladen .

        CKMartensC Offline
        CKMartensC Offline
        CKMartens
        schrieb am zuletzt editiert von
        #245

        @glasfaser
        Klar...

        [{"tpl":"tplVis-materialdesign-TopAppBar-Navigation","data":{"oid":"0_userdata.0.vis.wohnzimmer.pageid","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,"navItemCount":"5","navDefaultValue":"0","topAppBarLayout":"standard","titleTopAppBar":"Casa Martens","colorTopAppBarTitle":"{0_userdata.0.vis.Design.TopAppBar.Title.Farbe}","colorTopAppBarBackground":"{0_userdata.0.vis.Design.TopAppBar.BackgroundColor}","titleFont":"{0_userdata.0.vis.Design.TopAppBar.Title.Schriftart}","titleFontSize":"","topAppBarZ_index":"998","vibrateTopAppBarOnMobilDevices":"50","drawerLayout":"modal","drawerItemLayout":"standard","listItemDividerStyle":"standard","z_index":"1000","showHeader":false,"headerLabel":"<h4 class='mdc-drawer__title'>Casa Martens</h4><h6 class='mdc-drawer__subtitle'>Gugelitze 2</h6>","showLabels":"true","listItemAlignment":"left","listItemTextFont":"{0_userdata.0.vis.Design.TopAppBar.ListItem.Font-Family}","listItemTextFontDisabled":"","listItemTextSize":"","listItemHeaderFont":"","listItemHeaderTextSize":"","backdropLabelBackgroundHeight":"30","vibrateDrawerOnMobilDevices":"0","colorDrawerBackground":"{0_userdata.0.vis.Design.TopAppBar.ListItem.BackgroundColor}","colorDrawerItemBackground":"","colorDrawerHeaderBackground":"","colorListItemHover":"{0_userdata.0.vis.Design.TopAppBar.ListItem.HoverColor}","colorListItemSelected":"","colorListItemText":"{0_userdata.0.vis.Design.TopAppBar.ListItem.ItemTextColor}","colorListItemTextSelected":"","colorListItemTextDisabled":"","colorListItemIconDisabled":"","colorListItemHeaders":"","colorListItemDivider":"","colorSubItemToggleIcon":"","colorDrawerbackdropLabelBackground":"","colorDrawerbackdropLabelBackgroundActive":"","drawerSubItemLayout":"standard","listSubItemDividerStyle":"standard","colorListSubItemDivider":"{0_userdata.0.vis.Design.TopAppBar.ListItem.SubMenuDeviderColor}","listSubItemAlignment":"left","listItemSubTextFont":"{0_userdata.0.vis.Design.TopAppBar.ListItem.Font-Family}","listSubItemTextSize":"","listItemSubTextFontDisabled":"","showSubItemsLabels":true,"colorDrawerSubBackground":"","colorDrawerSubItemBackground":"","colorListSubItemHover":"","colorListSubItemSelected":"","colorListSubItemText":"","colorListSubItemTextSelected":"","colorDrawerbackdropSubLabelBackground":"","colorDrawerbackdropSubLabelBackgroundActive":"","iconDrawer0":"/vis.0/CasaMartens_WZ_new/icons/menue/home.svg","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.0/CasaMartens_WZ_new/menue/humidity_02.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,"showIndexNum":true,"dividers0":false,"labels0":"Übersicht","labels1":"Raumklima","iconDrawer2":"/vis-icontwo/Navigations/nav_i.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","submenus2":"[\n\t{\n\t\t\"text\": \"Heizung\",\n\t\t\"icon\": \"/vis.0/CasaMartens_WZ_new/icons/menue/heater.svg\"\n\t}, \n\t{\n\t\t\"text\": \"Fenster\",\n\t\t\"icon\": \"/vis-icontwo/Doors_Windows/window_open.png\"\n\t}, \n\t{\n\t\t\"text\": \"Licht\",\n\t\t\"icon\": \"/vis-icontwo/Lights/light_on.png\"\n\t}\n]","labels2":"Räume","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","iconDrawer4":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor4":"{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}","permissionVisibility4":"hide","iconDrawer5":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor5":"{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}","permissionVisibility5":"hide","permissionGroupSelector2":null,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","labels3":"Covid","submenus1":"","showSelectedItemAsTitle":true,"drawerIconHeight":"25"},"style":{"left":"0px","top":"0px","width":"100%"},"widgetSet":"materialdesign"}]
        
        GlasfaserG 1 Antwort Letzte Antwort
        0
        • CKMartensC CKMartens

          @glasfaser
          Klar...

          [{"tpl":"tplVis-materialdesign-TopAppBar-Navigation","data":{"oid":"0_userdata.0.vis.wohnzimmer.pageid","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,"navItemCount":"5","navDefaultValue":"0","topAppBarLayout":"standard","titleTopAppBar":"Casa Martens","colorTopAppBarTitle":"{0_userdata.0.vis.Design.TopAppBar.Title.Farbe}","colorTopAppBarBackground":"{0_userdata.0.vis.Design.TopAppBar.BackgroundColor}","titleFont":"{0_userdata.0.vis.Design.TopAppBar.Title.Schriftart}","titleFontSize":"","topAppBarZ_index":"998","vibrateTopAppBarOnMobilDevices":"50","drawerLayout":"modal","drawerItemLayout":"standard","listItemDividerStyle":"standard","z_index":"1000","showHeader":false,"headerLabel":"<h4 class='mdc-drawer__title'>Casa Martens</h4><h6 class='mdc-drawer__subtitle'>Gugelitze 2</h6>","showLabels":"true","listItemAlignment":"left","listItemTextFont":"{0_userdata.0.vis.Design.TopAppBar.ListItem.Font-Family}","listItemTextFontDisabled":"","listItemTextSize":"","listItemHeaderFont":"","listItemHeaderTextSize":"","backdropLabelBackgroundHeight":"30","vibrateDrawerOnMobilDevices":"0","colorDrawerBackground":"{0_userdata.0.vis.Design.TopAppBar.ListItem.BackgroundColor}","colorDrawerItemBackground":"","colorDrawerHeaderBackground":"","colorListItemHover":"{0_userdata.0.vis.Design.TopAppBar.ListItem.HoverColor}","colorListItemSelected":"","colorListItemText":"{0_userdata.0.vis.Design.TopAppBar.ListItem.ItemTextColor}","colorListItemTextSelected":"","colorListItemTextDisabled":"","colorListItemIconDisabled":"","colorListItemHeaders":"","colorListItemDivider":"","colorSubItemToggleIcon":"","colorDrawerbackdropLabelBackground":"","colorDrawerbackdropLabelBackgroundActive":"","drawerSubItemLayout":"standard","listSubItemDividerStyle":"standard","colorListSubItemDivider":"{0_userdata.0.vis.Design.TopAppBar.ListItem.SubMenuDeviderColor}","listSubItemAlignment":"left","listItemSubTextFont":"{0_userdata.0.vis.Design.TopAppBar.ListItem.Font-Family}","listSubItemTextSize":"","listItemSubTextFontDisabled":"","showSubItemsLabels":true,"colorDrawerSubBackground":"","colorDrawerSubItemBackground":"","colorListSubItemHover":"","colorListSubItemSelected":"","colorListSubItemText":"","colorListSubItemTextSelected":"","colorDrawerbackdropSubLabelBackground":"","colorDrawerbackdropSubLabelBackgroundActive":"","iconDrawer0":"/vis.0/CasaMartens_WZ_new/icons/menue/home.svg","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.0/CasaMartens_WZ_new/menue/humidity_02.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,"showIndexNum":true,"dividers0":false,"labels0":"Übersicht","labels1":"Raumklima","iconDrawer2":"/vis-icontwo/Navigations/nav_i.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","submenus2":"[\n\t{\n\t\t\"text\": \"Heizung\",\n\t\t\"icon\": \"/vis.0/CasaMartens_WZ_new/icons/menue/heater.svg\"\n\t}, \n\t{\n\t\t\"text\": \"Fenster\",\n\t\t\"icon\": \"/vis-icontwo/Doors_Windows/window_open.png\"\n\t}, \n\t{\n\t\t\"text\": \"Licht\",\n\t\t\"icon\": \"/vis-icontwo/Lights/light_on.png\"\n\t}\n]","labels2":"Räume","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","iconDrawer4":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor4":"{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}","permissionVisibility4":"hide","iconDrawer5":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor5":"{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}","permissionVisibility5":"hide","permissionGroupSelector2":null,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","labels3":"Covid","submenus1":"","showSelectedItemAsTitle":true,"drawerIconHeight":"25"},"style":{"left":"0px","top":"0px","width":"100%"},"widgetSet":"materialdesign"}]
          
          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          schrieb am zuletzt editiert von
          #246

          @ckmartens

          Mhh ... funktioniert.

          Habe auch das VIS Projekt von dos1973 importiert ,
          gemeinsamen Datenpunkt in TopAppBar und im View in Widget 8 eingetragen , funktioniert.

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          CKMartensC 1 Antwort Letzte Antwort
          0
          • GlasfaserG Glasfaser

            @ckmartens

            Mhh ... funktioniert.

            Habe auch das VIS Projekt von dos1973 importiert ,
            gemeinsamen Datenpunkt in TopAppBar und im View in Widget 8 eingetragen , funktioniert.

            CKMartensC Offline
            CKMartensC Offline
            CKMartens
            schrieb am zuletzt editiert von CKMartens
            #247

            @glasfaser sehr seltsam. Ich schau morgen mal was der Debuger vom Browser ausgibt

            GlasfaserG ScroungerS 2 Antworten Letzte Antwort
            0
            • CKMartensC CKMartens

              @glasfaser sehr seltsam. Ich schau morgen mal was der Debuger vom Browser ausgibt

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              schrieb am zuletzt editiert von
              #248

              @ckmartens

              Schau mal nach , wie sich der gemeinsame Datenpunkt verändert , beim umschalten und dann wenn der Fehler kommt auf welchen Wert er springt .

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              CKMartensC 1 Antwort Letzte Antwort
              0
              • CKMartensC CKMartens

                @glasfaser sehr seltsam. Ich schau morgen mal was der Debuger vom Browser ausgibt

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

                @ckmartens
                Welche Version vom vis Adapter hast du?

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

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

                CKMartensC 1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger

                  @ckmartens
                  Welche Version vom vis Adapter hast du?

                  CKMartensC Offline
                  CKMartensC Offline
                  CKMartens
                  schrieb am zuletzt editiert von
                  #250

                  @scrounger
                  VIS ist 1.3.7
                  Und Web 3.3.0

                  1 Antwort Letzte Antwort
                  0
                  • GlasfaserG Glasfaser

                    @ckmartens

                    Schau mal nach , wie sich der gemeinsame Datenpunkt verändert , beim umschalten und dann wenn der Fehler kommt auf welchen Wert er springt .

                    CKMartensC Offline
                    CKMartensC Offline
                    CKMartens
                    schrieb am zuletzt editiert von
                    #251

                    @glasfaser er springt immer auf 0 zurück. Auch wenn ich den Wert händisch eingebe. Im Fallback ist egal was steht. Kann da z. B. 2 eintragen und es geht trotzdem auf 0

                    ScroungerS 1 Antwort Letzte Antwort
                    0
                    • CKMartensC CKMartens

                      @glasfaser er springt immer auf 0 zurück. Auch wenn ich den Wert händisch eingebe. Im Fallback ist egal was steht. Kann da z. B. 2 eintragen und es geht trotzdem auf 0

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

                      @ckmartens

                      beim view in widget 8 ist
                      e46d5af5-ddc6-4f92-8177-64e06187909b-grafik.png
                      aktiviert?

                      brauch das consolen log (F12) zur runtime, wenn das phänomen auftritt.

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

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

                      CKMartensC 1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @ckmartens

                        beim view in widget 8 ist
                        e46d5af5-ddc6-4f92-8177-64e06187909b-grafik.png
                        aktiviert?

                        brauch das consolen log (F12) zur runtime, wenn das phänomen auftritt.

                        CKMartensC Offline
                        CKMartensC Offline
                        CKMartens
                        schrieb am zuletzt editiert von
                        #253

                        @scrounger
                        Ja, ist aktiviert.
                        Ich stelle das Log Montage rein, am Wochenende komme ich nicht dazu. GöGa hat Aufgaben verteilt 🤷‍♂️

                        ScroungerS GlasfaserG 2 Antworten Letzte Antwort
                        0
                        • CKMartensC CKMartens

                          @scrounger
                          Ja, ist aktiviert.
                          Ich stelle das Log Montage rein, am Wochenende komme ich nicht dazu. GöGa hat Aufgaben verteilt 🤷‍♂️

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

                          @ckmartens
                          Versuch davor Mal noch das Widget komplett neu zu erstellen

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

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

                          CKMartensC 1 Antwort Letzte Antwort
                          0
                          • CKMartensC CKMartens

                            @scrounger
                            Ja, ist aktiviert.
                            Ich stelle das Log Montage rein, am Wochenende komme ich nicht dazu. GöGa hat Aufgaben verteilt 🤷‍♂️

                            GlasfaserG Offline
                            GlasfaserG Offline
                            Glasfaser
                            schrieb am zuletzt editiert von
                            #255

                            @ckmartens

                            Ich habe noch mal getestet ... ich finde kein Fehler .

                            Ich habe mal ein Test Projekt erstellt .

                            Teste es mal bei dir :

                            ( den gemeinsamen Datenpunkt bei beiden Widgets ergänzen )

                            2021-02-06-zumBasteln.zip

                            1.JPG

                            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                            1 Antwort Letzte Antwort
                            1
                            • GlasfaserG Glasfaser

                              @ckmartens

                              Sehr komisch das hier so viele damit Probleme haben !??

                              Funktioniert seit Anfang an Super die TopAppBar, eingerichtet / geändert nach der Github Anleitung .

                              Hier mal meine Einstellungen :

                              1.JPG
                              .
                              2.JPG
                              .
                              und im Submenue

                              [
                              	{
                              		"text": "Rollladen Erdgeschoß",
                              		"icon": "/icons-mfd-png/fts_shutter_automatic.png",
                              		"userGroups": ["administrator", "user"],
                              		"behaviorNotInUserGroup": "disabled"
                              	
                              	}, 
                              	{
                              		"text": "Rollladen Obergeschoß",
                              		"icon": "/icons-mfd-png/fts_shutter_automatic.png",
                              		"divider": "true",
                              		"userGroups": ["administrator", "user"],
                              		"behaviorNotInUserGroup": "disabled"
                              	}, 
                              	{
                              		"text": "Timer",
                              		"divider": "true",
                              		"icon": "/icons-mfd-png/fts_shutter_automatic.png",
                              		"userGroups": ["administrator", "user"],
                              		"behaviorNotInUserGroup": "disabled"
                              		
                              	}
                              ]
                              

                              .
                              111111111111111111111111111111111111111.JPG

                              NegaleinN Offline
                              NegaleinN Offline
                              Negalein
                              Global Moderator
                              schrieb am zuletzt editiert von
                              #256

                              @glasfaser sagte in Material Design Widgets: Top App Bar Widget:

                              111111111111111111111111111111111111111.JPG

                              Servus

                              Wie schaffst du im Widget den Verlauf für den Hintergrund?

                              Trag ich es so ein, wird der Hintergrund transparent.
                              Screenshot 2021-02-12 173249.png

                              ° Node.js: 20.17.0 NPM: 10.8.2
                              ° Proxmox, Ubuntu 22.04.3 LTS
                              ° Fixer ---> iob fix

                              GlasfaserG 1 Antwort Letzte Antwort
                              0
                              • NegaleinN Negalein

                                @glasfaser sagte in Material Design Widgets: Top App Bar Widget:

                                111111111111111111111111111111111111111.JPG

                                Servus

                                Wie schaffst du im Widget den Verlauf für den Hintergrund?

                                Trag ich es so ein, wird der Hintergrund transparent.
                                Screenshot 2021-02-12 173249.png

                                GlasfaserG Offline
                                GlasfaserG Offline
                                Glasfaser
                                schrieb am zuletzt editiert von
                                #257

                                @negalein

                                Bitteschön ;)

                                /**Top App Bar Hintergrund und Auswahlbutton @Glasfaser**/
                                .mdc-drawer {
                                
                                    background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                                }
                                
                                .mdc-top-app-bar {
                                      background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                                }
                                
                                

                                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                NegaleinN 1 Antwort Letzte Antwort
                                0
                                • GlasfaserG Glasfaser

                                  @negalein

                                  Bitteschön ;)

                                  /**Top App Bar Hintergrund und Auswahlbutton @Glasfaser**/
                                  .mdc-drawer {
                                  
                                      background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                                  }
                                  
                                  .mdc-top-app-bar {
                                        background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                                  }
                                  
                                  
                                  NegaleinN Offline
                                  NegaleinN Offline
                                  Negalein
                                  Global Moderator
                                  schrieb am zuletzt editiert von
                                  #258

                                  @glasfaser sagte in Material Design Widgets: Top App Bar Widget:

                                  Bitteschön

                                  Dankeschön :)

                                  Und lässt du dann das Feld "Hintergrund" einfach leer?

                                  ° Node.js: 20.17.0 NPM: 10.8.2
                                  ° Proxmox, Ubuntu 22.04.3 LTS
                                  ° Fixer ---> iob fix

                                  GlasfaserG 1 Antwort Letzte Antwort
                                  0
                                  • NegaleinN Negalein

                                    @glasfaser sagte in Material Design Widgets: Top App Bar Widget:

                                    Bitteschön

                                    Dankeschön :)

                                    Und lässt du dann das Feld "Hintergrund" einfach leer?

                                    GlasfaserG Offline
                                    GlasfaserG Offline
                                    Glasfaser
                                    schrieb am zuletzt editiert von
                                    #259

                                    @negalein
                                    Ja , lasse alles bei dem "Widget CSS Hintergrund Einstellungen " alles leer.

                                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                    NegaleinN 1 Antwort Letzte Antwort
                                    0
                                    • GlasfaserG Glasfaser

                                      @negalein
                                      Ja , lasse alles bei dem "Widget CSS Hintergrund Einstellungen " alles leer.

                                      NegaleinN Offline
                                      NegaleinN Offline
                                      Negalein
                                      Global Moderator
                                      schrieb am zuletzt editiert von Negalein
                                      #260

                                      @glasfaser sagte in Material Design Widgets: Top App Bar Widget:

                                      Ja , lasse alles bei dem "Widget CSS Hintergrund Einstellungen " alles leer.

                                      bräuchte nochmal deine Hilfe :)

                                      Ich würde gern den Hintergrund in zB Schwarz haben.
                                      Finde aber nicht den passenden Menüpunkt.
                                      Screenshot 2021-02-13 000607.png

                                      Und ist das normal? Version ist aktuell. Das steht bei jedem Feld für Schriftart und Farbe.


                                      Screenshot_2021-02-13 Edit vis.png
                                      Screenshot_2021-02-13 Edit vis(1).png
                                      Screenshot_2021-02-13 Edit vis(2).png
                                      Screenshot_2021-02-13 Edit vis(3).png
                                      Screenshot_2021-02-13 Edit vis(4).png
                                      Screenshot_2021-02-13 Edit vis(5).png

                                      ° Node.js: 20.17.0 NPM: 10.8.2
                                      ° Proxmox, Ubuntu 22.04.3 LTS
                                      ° Fixer ---> iob fix

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • NegaleinN Negalein

                                        @glasfaser sagte in Material Design Widgets: Top App Bar Widget:

                                        Ja , lasse alles bei dem "Widget CSS Hintergrund Einstellungen " alles leer.

                                        bräuchte nochmal deine Hilfe :)

                                        Ich würde gern den Hintergrund in zB Schwarz haben.
                                        Finde aber nicht den passenden Menüpunkt.
                                        Screenshot 2021-02-13 000607.png

                                        Und ist das normal? Version ist aktuell. Das steht bei jedem Feld für Schriftart und Farbe.


                                        Screenshot_2021-02-13 Edit vis.png
                                        Screenshot_2021-02-13 Edit vis(1).png
                                        Screenshot_2021-02-13 Edit vis(2).png
                                        Screenshot_2021-02-13 Edit vis(3).png
                                        Screenshot_2021-02-13 Edit vis(4).png
                                        Screenshot_2021-02-13 Edit vis(5).png

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

                                        @negalein sagte in Material Design Widgets: Top App Bar Widget:

                                        Und ist das normal? Version ist aktuell. Das steht bei jedem Feld für Schriftart und Farbe.

                                        Ja das sind die Bindings für die themes die du über Adapter settings konfigurieren kannst.
                                        Einfach nach Top App Bar Filtern und dort dann Farben, Schriftart und Schriftgröße einstellen:

                                        cc1ef8f2-12f3-4a2d-b5f3-c3fb749e5859-grafik.png

                                        <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
                                        • Horst BöttcherH Offline
                                          Horst BöttcherH Offline
                                          Horst Böttcher
                                          schrieb am zuletzt editiert von
                                          #262

                                          Wie kann ich das lösen View schaut durchs Menü
                                          wnn ich den den Z-indedx verändere kann ich nicht mehr schalten aber dann wird es Richtig angezeigt
                                          4164c8c359e83cde281dee8f75190a68.png

                                          NegaleinN 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

                                          696

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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