Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Top App Bar Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: Top App Bar Widget

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

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

      Und bei den vielen EInstellungen in diesem Widget blicke ich sowieso noch nicht durch.

      Auf jeden Fall vielen, vielen Dank.

      Kein Thema ... dafür ist das Forum da .

      1 Reply Last reply Reply Quote 0
      • O
        Ostpower last edited by

        Guten Morgen Zusammen,
        ich bin auch gerade daran meine VIS etwas moderner zu gestallten.
        Leider gehen die Online Beispiele mehr, wo ich mir mal genau anschauen kann, wie das Top Bar umgesetzt wurde.

        Kann das vielleicht wieder aktiviert werden?

        [Online-Example-Project]

        Gruß
        Ostpower

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

          @scrounger Hallo, ich versuche mich jetzt auch seit einiger Zeit an dieser Navigation, habe aber ein Problem mit den Untermenüs:

          Ich bin nach dieser Anleitung vorgegangen:
          https://www.smarthome-tricks.de/software-iobroker/vis-material-design-widgets-teil-2-1-top-app-bar-navigation-untermenues/#comment-4309

          Jetzt sieht es bei mir aber so aus und ich weiß nicht wo mein Fehler liegt

          Bildschirmfoto 2022-02-13 um 04.29.13.png

          Bildschirmfoto 2022-02-13 um 04.29.28.png

          Könnt Ihr mir auf die Sprünge helfen?

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

            @damrak2022

            bei mir sieht ein untermenu im setting z.b. so aus.

            Image 1.png

            Image 2.png

            [
               {
               	"text": "0000forum",
               	"icon": "account",
               	"iconColor": "red"
               }, 
               {
               	"text": "0000ical2",
               	"icon": "account",
               	"iconColor": "red"
               }, 
               {
               	"text": "0000test",
               	"icon": "home",
               	"iconColor": "green",
               	"divider": "true"
               }
            ]
            

            evtl ist die anleitung für die alte version des widgets - wurde umgestellt

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

              @liv-in-sky Bei mir schaut das so aus. Da ich noch total am Anfang stehe, kannnst Du mir vielleicht sagen was ich wo genau eintragen muss.

              Bildschirmfoto 2022-02-13 um 08.56.22.png

              liv-in-sky 2 Replies Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Damrak2022 last edited by

                @damrak2022

                hier:

                Image 4.png

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

                  @damrak2022

                  das widget ist ein wenig kompliziert.- es arbeitet ja mit 2 widgets zusammen

                  wenn du in einem dieser navigationsleisten unter "untermenü(x)" etwas eingibst, musst du im view 8 widget beim eingeben der view aufpassen

                  beispiel:

                  im untermenü(12) gibst du z.b. meine werte ein - das sind drei unterrpunkte

                  das bedeutet im widget view 8 musst du bei "View für Tab 12" und "view für Tab 13" die selbe view angeben. dann bei "view für Tab 14" und "view für Tab 15" die beiden anderen - im view 8 widget werden die zuteilungen gemacht

                  beispiel bei mir:

                  ich habe im untemenü(12) mein json dinstehen (was ich oben gepostet habe

                  im view 8 sieht das dann so aus

                  Image 5.png

                  damit man beim zählen nicht dureinander kommt, kann man im menu app widget das aktivieren:

                  Image 6.png

                  dann siehst du in der vis-runtime die nummern

                  Image 7.png

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

                    @liv-in-sky Noch eine kleine Verständnisfrage:

                    Wenn ich in vis edit oben in die blaue Leist tippe sieht es so aus und ich habe dann doch das Top Bar Widget ausgewählt, oder?

                    Bildschirmfoto 2022-02-13 um 09.38.11.png

                    Wenn ich darunter in das Feld mit dem Raster klicke, müsste das doch das view in widget 8 sein?

                    Bildschirmfoto 2022-02-13 um 09.38.23.png

                    Kann ich irgendwo eigentlich deutlich erkennen, wo ich mich gerade aufhalte? Sorry, für die wahrscheinlich blöde Frage.

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

                      @damrak2022

                      ja genau- du erkennst das an der umrandung (gestrichelt) und hier

                      Image 8.png

                      du kannst auch darauf klicken und siehst dann alle widgets der view

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

                        @liv-in-sky Aslo beim view in widget 8 sieht es bei mir so aus:

                        Bildschirmfoto 2022-02-13 um 09.58.10.png

                        Und in dem Top Bar Widget so

                        Bildschirmfoto 2022-02-13 um 09.59.36.png

                        Wahrscheinlih habe ich die alte Anleitung erwischt, nämlich diese:
                        https://www.smarthome-tricks.de/software-iobroker/vis-material-design-widgets-teil-2-1-top-app-bar-navigation-untermenues/

                        Gibt es irgendo eine neue Anleitung in Deutsch

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

                          @damrak2022

                          das hier fehlt:

                          Image 12.png

                          Image 13.png

                          muss auch im menu app widget angegeben sein !

                          ist ein datenpunkt, den du anlegst vom typ number

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

                            @liv-in-sky Okay, letzte Frage für heute

                            So sehen meine Datenpunkte aus:

                            Bildschirmfoto 2022-02-13 um 10.17.00.png

                            Bildschirmfoto 2022-02-13 um 10.17.42.png

                            Den Datenpunkt Wohnung hatte ich mal wegen irgendeiner Anleitung angelegt.
                            Wie lege ich das genau an?

                            Danke für Deine Hilfe!

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

                              @damrak2022

                              Animation (3).gif

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

                                @liv-in-sky Den Datenpunkt habe ich angelegt, aber trotz Expertenmodus komme ich nicht dahin wo Du die % rausnimmst

                                Und was meinst Du damit, bzw. wie mache ich das? muss auch im menu app widget angegeben sein

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

                                  @damrak2022 dieser dp ist die verbindung der beiden widgets

                                  Image 18.png Image 19.png

                                  die prozent ist nicht so wichtig

                                  hauptsache der dp existiert und ist in beiden widgets drin

                                  Damrak2022 1 Reply Last reply Reply Quote 0
                                  • D3ltoroxp
                                    D3ltoroxp last edited by

                                    Gibt es eine Möglichkeit, das hier

                                    fully://launcher
                                    

                                    mit in die App Bar zu packen, sprich als Menu Punkt z.B. Apps und wenn ich drauf klick, öffnet sich der App Launcher von Fully ? Ich versuche das grad irgendwie ein zu bauen, aber will nicht.

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

                                      @liv-in-sky Ich stehe total auf dem Schlauch: Muss ich den Datenpunkt 0_userdata.0.control-own._MenuVisView8 selbstständig anlegen, damit ich Ihn als Datenpunkt auswählen kann?
                                      Oder wie bekomme ich diesen bei Object Id rein?
                                      Also ich habe die letzten Stunden viel versucht, bekomme es aber echt nicht hin. Es ist mir schon peinlich zu fragen, denn das dürfte doch nicht so schwer sein.
                                      Ich habe einen Datenpunkt erstellt, exakt so wie es mir @liv-in-sky erklärt hat und habe ihn auch mal TestDP genannt, aber das MenuVisView8 bekomme ich bei Objekt ID nicht rein. Habe bei Objekten auch schon unter Material Design geschaut.

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

                                        @damrak2022

                                        unter 0_usedata.0 kannst du deine eigene struktur anlegen. klicke auf den ordner 0_userdata.0 und lege dort einen datenpunkt an - so , wie er für dich heißen soll, damit du erkennst, was der datenpunkt macht - bzw für was er da ist. ich nannte ihn _MenuVisView8 .

                                        der dp muss vom type number (zahl) sein.

                                        z.b. legst du den dp 0_userdata.0.MenuVisView8 an.

                                        erst jetzt musst du beiden widgets im viseditor bei object ID diesen dp zuteiteilen - beide widgets brauchen den, damit sie wissen, dass sie zusammengehören. das ist die ganze magie dahinter. dieses widget ist eine ausnahme. normalerweise ist das nicht so kompliziert.

                                        wie bekommst du eine ordner struktur - so wie bei mir mit control-own hin:
                                        wenn du auf 0_userdate.0 klickst und diesen markierst, anschliessend das "plus" drückst um einen datenpunkt anzulegen, kannst du im namen des datenpunktes direkt mit control-own.MenuVisView8 eingeben. dann wird automatisch ein dp angelegt, der dann 0_userdata.0.controll-own.MenuVisView8 heißt

                                        wenn du das bild ansiehst, erkennst du, dass ich viele solche ordner habe - bin ja auch schon ein paar jahre dabei. du kannst das machen, wie du es für richtig findest. im laufe der zeit kommt einiges an datenpunkten zusammen - also ist eine struktur sinnvoll.

                                        Animation (4).gif

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

                                          @liv-in-sky Danke erstmal, ich werde das jetzt versuchen. Hoffentlich verzweifelst Du nicht an mir.

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

                                            @damrak2022 zur not können wir eine kurze anydesk session machen - damit kann ich bei dir auf den pc und dir das zeigen

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            461
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            74
                                            412
                                            68574
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo