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

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

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

Material Design Widgets: Top App Bar Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
412 Beiträge 74 Kommentatoren 88.9k 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

    kannst du das TopAppBar Widget von dir mal hier hochladen .

    CKMartensC Online
    CKMartensC Online
    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 Online
        CKMartensC Online
        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 Online
              CKMartensC Online
              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 Online
                CKMartensC Online
                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 Online
                    CKMartensC Online
                    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
                                      • Horst BöttcherH Horst Böttcher

                                        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 Offline
                                        NegaleinN Offline
                                        Negalein
                                        Global Moderator
                                        schrieb am zuletzt editiert von
                                        #263

                                        @horst-böttcher sagte in Material Design Widgets: Top App Bar Widget:

                                        Wie kann ich das lösen View schaut durchs Menü

                                        wie ist der Z-Index vom Menü und von dem was durchscheint?
                                        Du musst mit dem Menü höher gehen.

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

                                        Horst BöttcherH 1 Antwort Letzte Antwort
                                        0
                                        • NegaleinN Negalein

                                          @horst-böttcher sagte in Material Design Widgets: Top App Bar Widget:

                                          Wie kann ich das lösen View schaut durchs Menü

                                          wie ist der Z-Index vom Menü und von dem was durchscheint?
                                          Du musst mit dem Menü höher gehen.

                                          Horst BöttcherH Offline
                                          Horst BöttcherH Offline
                                          Horst Böttcher
                                          schrieb am zuletzt editiert von
                                          #264

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

                                          @horst-böttcher sagte in Material Design Widgets: Top App Bar Widget:

                                          Wie kann ich das lösen View schaut durchs Menü

                                          wie ist der Z-Index vom Menü und von dem was durchscheint?
                                          Du musst mit dem Menü höher gehen.

                                          Wenn ich den Z index erhöhe kann ich in den views nicht mehr schalten

                                          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

                                          671

                                          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