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

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

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

Material Design Widgets: Top App Bar Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
412 Beiträge 74 Kommentatoren 88.5k 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.
  • ScroungerS Scrounger

    Top App Bar Widget

    topappbar_modal.gif

    Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

    Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

    • Dokumentation
    • Online Beispiel

    Themen zu anderen Widgets findest du hier!

    S Offline
    S Offline
    saeft_2003
    Most Active
    schrieb am zuletzt editiert von
    #42

    @Scrounger

    Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

    Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

    S 1 Antwort Letzte Antwort
    0
    • T Offline
      T Offline
      thenightfighter
      schrieb am zuletzt editiert von
      #43

      Ich habe aktuell ein Problem wodurch ich beim Wechsel zwischen zwei View in Widget 8 Widgets keine Daten angezeigt bekomme, hat hier jemand eine Idee?

      1 Antwort Letzte Antwort
      0
      • S saeft_2003

        @Scrounger

        Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

        Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

        S Offline
        S Offline
        saeft_2003
        Most Active
        schrieb am zuletzt editiert von saeft_2003
        #44

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

        @Scrounger

        Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

        Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

        @Kuddel

        Weißt du das zufällig...? Oder könntest du deins mal exportieren, sieht nämich super aus :-)

        Hier das mini Bild vor Licht nur erkennbar als Punkt:

        widget2.jpg

        K 1 Antwort Letzte Antwort
        0
        • S saeft_2003

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

          @Scrounger

          Bei mir werden Bilder in den Nav Buttons nur als ganz ganz kleine Punkte dargestellt. Wenn ich ein anderes Bild auswähle ist das auch ganz klein, aber ich sehe das es sich ändert.

          Kann man die Größe irgendwo einstellen? Weil am Anfang waren die normal groß wüsste aber nicht wo ich da was verstellt habe...

          @Kuddel

          Weißt du das zufällig...? Oder könntest du deins mal exportieren, sieht nämich super aus :-)

          Hier das mini Bild vor Licht nur erkennbar als Punkt:

          widget2.jpg

          K Offline
          K Offline
          Kuddel
          schrieb am zuletzt editiert von
          #45

          @saeft_2003

          36cd04b0-1a02-41da-b87c-289a01fb99e9-grafik.png

          S 1 Antwort Letzte Antwort
          2
          • K Kuddel

            @saeft_2003

            36cd04b0-1a02-41da-b87c-289a01fb99e9-grafik.png

            S Offline
            S Offline
            saeft_2003
            Most Active
            schrieb am zuletzt editiert von
            #46

            @Kuddel

            Danke! :-):+1: Das muss ich wohl aus versehen irgendwie verstellt haben...

            1 Antwort Letzte Antwort
            0
            • M Offline
              M Offline
              Marsx79
              schrieb am zuletzt editiert von
              #47

              @Scrounger
              Die Frage noch einmal direkt an den Entwickler. :-)

              Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

              Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

              ScroungerS 1 Antwort Letzte Antwort
              1
              • M Marsx79

                @Scrounger
                Die Frage noch einmal direkt an den Entwickler. :-)

                Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

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

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

                @Scrounger
                Die Frage noch einmal direkt an den Entwickler. :-)

                Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                nein gibt es nicht.

                Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

                Nein. Warum, das macht doch das View in Widget 8 alles. Versteh nicht welchen Vorteil / usecase das haben sollte?

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

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

                M 1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger

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

                  @Scrounger
                  Die Frage noch einmal direkt an den Entwickler. :-)

                  Gibt es eine Möglichkeit das man eine Zeit einstellen kann nach der sich das Menü wieder automatisch schließt?

                  nein gibt es nicht.

                  Ist es geplant das man über das Menü direkt auf ein View wechseln kann ohne das "View im Widget 8"?

                  Nein. Warum, das macht doch das View in Widget 8 alles. Versteh nicht welchen Vorteil / usecase das haben sollte?

                  M Offline
                  M Offline
                  Marsx79
                  schrieb am zuletzt editiert von
                  #49

                  @Scrounger

                  Schade, das mit dem automatischen schließen ist wohl auch nicht geplant oder?

                  Zu dem direkt wechseln zu einem View: Zum einen habe ich einige Views in denen ich bereits eine "View in Widget 8" einsetzte (und "View in Widget 8" in einem "View in Widget 8" funktioniert nicht). Und zweitens möchte ich das Menü nur auf meiner Startseite haben. Wenn ich also auf der Startseite über das Menü einen View auswählen könnte, würde er zu der entsprechenden Seite wechseln. Dann habe ich dort eine "zurück" Taste um auf das Start View zu kommen.

                  Hoffe das ist so verständlich. :-)

                  ScroungerS 1 Antwort Letzte Antwort
                  0
                  • M Offline
                    M Offline
                    myssv
                    schrieb am zuletzt editiert von
                    #50

                    Moin zusammen,

                    ich habe das Widget gerade mal ausprobiert und bin begeistert.

                    Nun habe ich aber ein Problem:
                    Ich will die Siete auch meiner Frau auf Ihrem Rechner zur Verfügung stellen und wenn ich auf meinem Computer den View wechsel, dann wechselt er auch sofort bei ihr ...

                    Kann man da irgendwie Rechner bezogen einen Datenpunkt setzen?

                    1 Antwort Letzte Antwort
                    0
                    • M Marsx79

                      @Scrounger

                      Schade, das mit dem automatischen schließen ist wohl auch nicht geplant oder?

                      Zu dem direkt wechseln zu einem View: Zum einen habe ich einige Views in denen ich bereits eine "View in Widget 8" einsetzte (und "View in Widget 8" in einem "View in Widget 8" funktioniert nicht). Und zweitens möchte ich das Menü nur auf meiner Startseite haben. Wenn ich also auf der Startseite über das Menü einen View auswählen könnte, würde er zu der entsprechenden Seite wechseln. Dann habe ich dort eine "zurück" Taste um auf das Start View zu kommen.

                      Hoffe das ist so verständlich. :-)

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

                      @Marsx79
                      Hab ich nicht geplant da ich das nicht brauche.

                      Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

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

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

                      M 1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @Marsx79
                        Hab ich nicht geplant da ich das nicht brauche.

                        Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                        M Offline
                        M Offline
                        myssv
                        schrieb am zuletzt editiert von myssv
                        #52

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

                        Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                        Das geht aber nur bei Vollmond, wenn es regnet, oder?

                        Sorry, aber ich bin damit komplett überfordert und weiß überhaupt nicht, was Du meinst ... Kannst Du es für übergewichtige Dummies einfach beschreiben? ;-)

                        oder war ich gar nicht gemeint ... :man-shrugging:

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • M myssv

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

                          Bzgl. View könntest du das mit nem Trick über Javascript realisieren, indem du auf den dp vom TopAppBar Widget hörst und dann den vis dp auf die entsprechende View setzt.

                          Das geht aber nur bei Vollmond, wenn es regnet, oder?

                          Sorry, aber ich bin damit komplett überfordert und weiß überhaupt nicht, was Du meinst ... Kannst Du es für übergewichtige Dummies einfach beschreiben? ;-)

                          oder war ich gar nicht gemeint ... :man-shrugging:

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

                          @myssv

                          So könnte das z.B. gehen - ungetestet!

                          // auf Veränderung DP TopAppBar reagieren
                          on({ id: '0_userdata.0.materialdesignwidgets.topappbar', change: 'any' }, function(obj){
                          
                              // Menu item 3 wurde angewählt
                              if(obj.state.val === 3){
                          
                                  // View Name auf die gewechselt werden soll
                                  setState('vis.0.control.data', 'main/Buttons', function(){
                          
                                      // Vis sagen das die View gewechselt werden soll
                                      setState('vis.0.control.command', 'changeView');
                                  });
                              }
                          });
                          

                          <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
                          • M Offline
                            M Offline
                            myssv
                            schrieb am zuletzt editiert von
                            #54

                            Sorry, aber dafür bin ich zu unerfahren mit dem System.

                            Dann bleibt es erst Mal so wie es ist. Müssen wir mit leben.

                            Trotzdem vielen Dank für Dein tolles Tool und Deine Hilfe hier!

                            1 Antwort Letzte Antwort
                            0
                            • M Offline
                              M Offline
                              myssv
                              schrieb am zuletzt editiert von
                              #55

                              Mir ist heute Nacht eine Idee gekommen.

                              Kann ich nich den View mit dem Top App Bar Widget kopieren und dann den Schalter anpassen.

                              Dann benutze ich z.B. den View "Mann" als Start und meine Frau den View "Frau". Dann hat jeder seine eigene Startseite und seinen eigenen Datenpunkt.

                              Könnte das funktionieren oder übersehe ich da etwas?

                              ScroungerS 1 Antwort Letzte Antwort
                              0
                              • M myssv

                                Mir ist heute Nacht eine Idee gekommen.

                                Kann ich nich den View mit dem Top App Bar Widget kopieren und dann den Schalter anpassen.

                                Dann benutze ich z.B. den View "Mann" als Start und meine Frau den View "Frau". Dann hat jeder seine eigene Startseite und seinen eigenen Datenpunkt.

                                Könnte das funktionieren oder übersehe ich da etwas?

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

                                @myssv
                                Ja das geht, wichtig ist das die beiden TopAppBars unteschiedliche Objekt Ids haben.

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

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

                                liv-in-skyL 1 Antwort Letzte Antwort
                                1
                                • ScroungerS Scrounger

                                  @myssv
                                  Ja das geht, wichtig ist das die beiden TopAppBars unteschiedliche Objekt Ids haben.

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #57

                                  @Scrounger

                                  bedeutet das, dass ich für jedes tablett, welches im haus aufgestellt ist und jeden pc, der gerade die vis offen hat, eine eigene basis page machen muss, mit einem eigenen view8 und topappbar-widget ?

                                  im moment haben die fest-installierten tablett nur die vis seite auf, die ihnen angedacht ist - nur der pc hat die basis-seite mit dem topappbar-widget als ausgangspunkt

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  ScroungerS 1 Antwort Letzte Antwort
                                  0
                                  • M Offline
                                    M Offline
                                    myssv
                                    schrieb am zuletzt editiert von
                                    #58

                                    So wie ich da sehe, musst Du nicht für jedes Gerät eine eigene Seite machen.

                                    Es werden nur alle synchronisiert. Gehst Du auf dem einen Gerät auf Seite 17, dann wechseln alle anderen Geräte mit offener Seite ebenfalls auf diese Seite. Kannst Du ganz einfach prüfen, indem Du die Seite mal mit einem 2. Browser öffnest.

                                    So lange nur einer zur Zeit mit dem System arbeitet, sollte es kein Problem sein. Wenn aber zwei gleichzeitig drauf gehen, kann es für Verwirrung sorgen ...

                                    1 Antwort Letzte Antwort
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @Scrounger

                                      bedeutet das, dass ich für jedes tablett, welches im haus aufgestellt ist und jeden pc, der gerade die vis offen hat, eine eigene basis page machen muss, mit einem eigenen view8 und topappbar-widget ?

                                      im moment haben die fest-installierten tablett nur die vis seite auf, die ihnen angedacht ist - nur der pc hat die basis-seite mit dem topappbar-widget als ausgangspunkt

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

                                      @liv-in-sky sagte in Material Design Widgets: Top App Bar Widget:

                                      @Scrounger

                                      bedeutet das, dass ich für jedes tablett, welches im haus aufgestellt ist und jeden pc, der gerade die vis offen hat, eine eigene basis page machen muss, mit einem eigenen view8 und topappbar-widget ?

                                      Da das view in widget 8 nicht clientsafe ist, dann ist das die einzige Möglickeit, die ich kenne.

                                      <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
                                      • J Offline
                                        J Offline
                                        JB72
                                        schrieb am zuletzt editiert von
                                        #60

                                        Hallo,

                                        nutze die Top App Bar in Verbindung mit dem View in 8 Widget. Das lief einige Tage stabil. Heute habe ich eine neue View hinzugefügt und seit dem
                                        verschwindet jede View nach ca. 30 Sekunden.

                                        Ich kann dann in der Navigation nicht wieder die gleiche Ansicht wählen, die bleibt dann leer solange bis ich in der Navigation eine andere Ansicht ausgewählt habe und
                                        erst dann sehe ich wieder was, wenn ich wieder in der Navigation die Ansicht wähle die verschwunden war.

                                        Das View in 8 Widget hab ich schon einmal gelöscht und neu angelegt, hat nichts geholfen. Die Top App habe ich bisher nicht neu erstellt, da ich da einige Ions etc.
                                        eingestellt habe.

                                        Woran kann das liegen ?

                                        Grüße
                                        JB

                                        1 Antwort Letzte Antwort
                                        0
                                        • J Offline
                                          J Offline
                                          JB72
                                          schrieb am zuletzt editiert von JB72
                                          #61

                                          Hier mal Bilder zum "Problem"

                                          Wenn ich meine Vis starte ist das der Startschirm, der bleibt auch
                                          screen0.JPG

                                          Dann gehe ich in der Navigation auf eine der Ansichten hier Heizung:
                                          screen1.JPG

                                          Die sehe ich dann für 30 Sekunden und dann ist sie weg:
                                          screen2.JPG

                                          Nun reicht es nicht wieder in der Navigation wieder Heizung auszuwählen, es bleibt leer
                                          ich muss dann z.B. auf den Homescreen oder eine der anderen Views und dann wieder
                                          zurück zur Ansicht für die Heizung, erst dann sehe ich die wieder.

                                          ScroungerS 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          746

                                          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