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.
    • Negalein
      Negalein Global Moderator last edited by

      @Scrounger

      hätte heute nochmal versucht, auf 0.5.9 upzudaten.
      Leider immer noch das Problem.
      Bin dann wieder auf 0.5.5 retour.

      Vielleicht kannst du dir mal obiges Log ansehen. Ich lese da nichts raus. Da bist du der Profi.

      Scrounger M 2 Replies Last reply Reply Quote 0
      • Scrounger
        Scrounger Developer @Negalein last edited by

        @negalein
        Stell mir Mal nen Export vom Widget zur Verfügung. Aus dem Log sehr ich jetzt nix direkt.

        Negalein 1 Reply Last reply Reply Quote 0
        • Negalein
          Negalein Global Moderator @Scrounger last edited by

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

          Stell mir Mal nen Export vom Widget zur Verfügung.

          mit 0.5.9 oder 0.5.5?

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

            @negalein
            0.5.9

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

              @scrounger

              Export Widget Übersichtsseite mit Menü

              [{"tpl":"tplStatefulContainerView8","data":{"oid":"0_userdata.0.Allgemein.Top_App_Bar_VIS","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","count":"17","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,"contains_view_0":"PV-Anlage","contains_view_1":"PV-Anlage","contains_view_2":"PV-Produktion","contains_view_3":"Netzeinspeisung","contains_view_4":"Netzbezug","contains_view_5":"Batterie","contains_view_6":"Wohnhaus","contains_view_7":"Josef_Zimmer","contains_view_8":"Berechnungen","contains_view_9":"Müllabfuhr","persistent":true,"contains_view_10":"Allgemeines","contains_view_11":"Erdgeschoß","contains_view_12":"Küche_EG","contains_view_13":"Wohnzimmer_EG","contains_view_14":"Schlafzimmer_EG","contains_view_15":"WC_EG","contains_view_16":"Bad_EG","contains_view_17":"Garten"},"style":{"left":"0px","top":"64px","width":"750px","height":"2500px"},"widgetSet":"basic"}]
              

              Adapter Material Design Widget Version 0.3.19
              Node.js
              v12.22.4
              NPM
              6.14.14

              Wie bereits auch in Git beschrieben, greife ich über eine VPN Verbindung oder lokal auf mein Netzwerk zu, dann funktionieren alle widgets und auch das Menü, gehe ich über Cloud rein dann funktioniert kein Widget und auch kein Menü mehr vom material design widget.

              Fehler im log beim Zugriff über die Cloud.

              cloud.0
              	2021-08-12 09:08:49.893	error	Addon vis 33 -
              cloud.0
              	2021-08-12 09:08:49.892	error	Addon vis 32 - n.prototype.addEventListeners/this.ws.onmessage@https://iobroker.net/lib/js/socket.io.js:3:1447
              cloud.0
              	2021-08-12 09:08:49.891	error	Addon vis 31 - n.prototype.onData@https://iobroker.net/lib/js/socket.io.js:2:17947
              cloud.0
              	2021-08-12 09:08:49.891	error	Addon vis 30 - n.prototype.onPacket@https://iobroker.net/lib/js/socket.io.js:2:17998
              cloud.0
              	2021-08-12 09:08:49.890	error	Addon vis 29 - n.prototype.emit@https://iobroker.net/lib/js/socket.io.js:2:28725
              cloud.0
              	2021-08-12 09:08:49.889	error	Addon vis 28 - n.prototype.setTransport/<@https://iobroker.net/lib/js/socket.io.js:2:3527
              cloud.0
              	2021-08-12 09:08:49.888	error	Addon vis 27 - n.prototype.onPacket@https://iobroker.net/lib/js/socket.io.js:2:5906
              cloud.0
              	2021-08-12 09:08:49.887	error	Addon vis 26 - n.prototype.emit@https://iobroker.net/lib/js/socket.io.js:2:28725
              cloud.0
              	2021-08-12 09:08:49.886	error	Addon vis 25 - t.exports/<@https://iobroker.net/lib/js/socket.io.js:3:7486
              cloud.0
              	2021-08-12 09:08:49.885	error	Addon vis 24 - n.prototype.ondata@https://iobroker.net/lib/js/socket.io.js:1:29203
              cloud.0
              	2021-08-12 09:08:49.884	error	Addon vis 23 - s.prototype.add@https://iobroker.net/lib/js/socket.io.js:1:10407
              cloud.0
              	2021-08-12 09:08:49.882	error	Addon vis 22 - r.prototype.emit@https://iobroker.net/lib/js/socket.io.js:1:23662
              cloud.0
              	2021-08-12 09:08:49.878	error	Addon vis 21 - t.exports/<@https://iobroker.net/lib/js/socket.io.js:3:7486
              cloud.0
              	2021-08-12 09:08:49.877	error	Addon vis 20 - n.prototype.ondecoded@https://iobroker.net/lib/js/socket.io.js:1:29250
              cloud.0
              	2021-08-12 09:08:49.876	error	Addon vis 19 - n.prototype.emit@https://iobroker.net/lib/js/socket.io.js:2:28725
              cloud.0
              	2021-08-12 09:08:49.875	error	Addon vis 18 - t.exports/<@https://iobroker.net/lib/js/socket.io.js:3:7486
              cloud.0
              	2021-08-12 09:08:49.875	error	Addon vis 17 - n.prototype.onpacket@https://iobroker.net/lib/js/socket.io.js:3:5417
              cloud.0
              	2021-08-12 09:08:49.874	error	Addon vis 16 - n.prototype.onack@https://iobroker.net/lib/js/socket.io.js:3:6057
              cloud.0
              	2021-08-12 09:08:49.872	error	Addon vis 15 - getStates/<@https://iobroker.net/vis/js/conn.js:801:29
              cloud.0
              	2021-08-12 09:08:49.872	error	Addon vis 14 - subscribeStates/<@https://iobroker.net/vis/js/vis.js:2881:31
              cloud.0
              	2021-08-12 09:08:49.871	error	Addon vis 13 - renderView/<@https://iobroker.net/vis/js/vis.js:932:120
              cloud.0
              	2021-08-12 09:08:49.870	error	Addon vis 12 - renderWidget@https://iobroker.net/vis/js/vis.js:1645:33
              cloud.0
              	2021-08-12 09:08:49.870	error	Addon vis 11 - e.template@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1267
              cloud.0
              	2021-08-12 09:08:49.869	error	Addon vis 10 - renderAs@https://iobroker.net/vis/lib/js/can.custom.min.js:58:3631
              cloud.0
              	2021-08-12 09:08:49.868	error	Addon vis 9 - renderTo@https://iobroker.net/vis/lib/js/can.custom.min.js:58:2982
              cloud.0
              	2021-08-12 09:08:49.868	error	Addon vis 8 - r@https://iobroker.net/vis/lib/js/can.custom.min.js:58:131
              cloud.0
              	2021-08-12 09:08:49.867	error	Addon vis 7 - frag@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1344
              cloud.0
              	2021-08-12 09:08:49.866	error	Addon vis 6 - hookup@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1751
              cloud.0
              	2021-08-12 09:08:49.864	error	Addon vis 5 - a.each@https://iobroker.net/vis/lib/js/can.custom.min.js:24:294
              cloud.0
              	2021-08-12 09:08:49.862	error	Addon vis 4 - hookup/<@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1841
              cloud.0
              	2021-08-12 09:08:49.861	error	Addon vis 3 - can.view.pending/<@https://iobroker.net/vis/lib/js/can.custom.min.js:64:6147
              cloud.0
              	2021-08-12 09:08:49.861	error	Addon vis 2 - a.each@https://iobroker.net/vis/lib/js/can.custom.min.js:24:294
              cloud.0
              	2021-08-12 09:08:49.860	error	Addon vis 1 - can.view.pending/</<@https://iobroker.net/vis/lib/js/can.custom.min.js:64:6167
              cloud.0
              	2021-08-12 09:08:49.859	error	Addon vis 0 - TypeError: vis.binds.materialdesign.chart is undefinedthis.fn/</<@tplVis-materialdesign-Chart-Bar.js:31:61
              cloud.0
              	2021-08-12 09:08:49.857	error	Addon vis can't render tplVis-materialdesign-Chart-Bar w00333 on "PV-Produktion":
              cloud.0
              	2021-08-12 09:08:49.581	error	Addon vis 33 -
              cloud.0
              	2021-08-12 09:08:49.579	error	Addon vis 32 - n.prototype.addEventListeners/this.ws.onmessage@https://iobroker.net/lib/js/socket.io.js:3:1447
              cloud.0
              	2021-08-12 09:08:49.578	error	Addon vis 31 - n.prototype.onData@https://iobroker.net/lib/js/socket.io.js:2:17947
              cloud.0
              	2021-08-12 09:08:49.577	error	Addon vis 30 - n.prototype.onPacket@https://iobroker.net/lib/js/socket.io.js:2:17998
              cloud.0
              	2021-08-12 09:08:49.576	error	Addon vis 29 - n.prototype.emit@https://iobroker.net/lib/js/socket.io.js:2:28725
              cloud.0
              	2021-08-12 09:08:49.574	error	Addon vis 28 - n.prototype.setTransport/<@https://iobroker.net/lib/js/socket.io.js:2:3527
              cloud.0
              	2021-08-12 09:08:49.573	error	Addon vis 27 - n.prototype.onPacket@https://iobroker.net/lib/js/socket.io.js:2:5906
              cloud.0
              	2021-08-12 09:08:49.571	error	Addon vis 26 - n.prototype.emit@https://iobroker.net/lib/js/socket.io.js:2:28725
              cloud.0
              	2021-08-12 09:08:49.570	error	Addon vis 25 - t.exports/<@https://iobroker.net/lib/js/socket.io.js:3:7486
              cloud.0
              	2021-08-12 09:08:49.569	error	Addon vis 24 - n.prototype.ondata@https://iobroker.net/lib/js/socket.io.js:1:29203
              cloud.0
              	2021-08-12 09:08:49.568	error	Addon vis 23 - s.prototype.add@https://iobroker.net/lib/js/socket.io.js:1:10407
              cloud.0
              	2021-08-12 09:08:49.566	error	Addon vis 22 - r.prototype.emit@https://iobroker.net/lib/js/socket.io.js:1:23662
              cloud.0
              	2021-08-12 09:08:49.565	error	Addon vis 21 - t.exports/<@https://iobroker.net/lib/js/socket.io.js:3:7486
              cloud.0
              	2021-08-12 09:08:49.564	error	Addon vis 20 - n.prototype.ondecoded@https://iobroker.net/lib/js/socket.io.js:1:29250
              cloud.0
              	2021-08-12 09:08:49.562	error	Addon vis 19 - n.prototype.emit@https://iobroker.net/lib/js/socket.io.js:2:28725
              cloud.0
              	2021-08-12 09:08:49.561	error	Addon vis 18 - t.exports/<@https://iobroker.net/lib/js/socket.io.js:3:7486
              cloud.0
              	2021-08-12 09:08:49.560	error	Addon vis 17 - n.prototype.onpacket@https://iobroker.net/lib/js/socket.io.js:3:5417
              cloud.0
              	2021-08-12 09:08:49.558	error	Addon vis 16 - n.prototype.onack@https://iobroker.net/lib/js/socket.io.js:3:6057
              cloud.0
              	2021-08-12 09:08:49.557	error	Addon vis 15 - getStates/<@https://iobroker.net/vis/js/conn.js:801:29
              cloud.0
              	2021-08-12 09:08:49.555	error	Addon vis 14 - subscribeStates/<@https://iobroker.net/vis/js/vis.js:2881:31
              cloud.0
              	2021-08-12 09:08:49.554	error	Addon vis 13 - renderView/<@https://iobroker.net/vis/js/vis.js:932:120
              cloud.0
              	2021-08-12 09:08:49.553	error	Addon vis 12 - renderWidget@https://iobroker.net/vis/js/vis.js:1645:33
              cloud.0
              	2021-08-12 09:08:49.551	error	Addon vis 11 - e.template@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1267
              cloud.0
              	2021-08-12 09:08:49.550	error	Addon vis 10 - renderAs@https://iobroker.net/vis/lib/js/can.custom.min.js:58:3631
              cloud.0
              	2021-08-12 09:08:49.548	error	Addon vis 9 - renderTo@https://iobroker.net/vis/lib/js/can.custom.min.js:58:2982
              cloud.0
              	2021-08-12 09:08:49.547	error	Addon vis 8 - r@https://iobroker.net/vis/lib/js/can.custom.min.js:58:131
              cloud.0
              	2021-08-12 09:08:49.545	error	Addon vis 7 - frag@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1344
              cloud.0
              	2021-08-12 09:08:49.543	error	Addon vis 6 - hookup@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1751
              cloud.0
              	2021-08-12 09:08:49.541	error	Addon vis 5 - a.each@https://iobroker.net/vis/lib/js/can.custom.min.js:24:294
              cloud.0
              	2021-08-12 09:08:49.535	error	Addon vis 4 - hookup/<@https://iobroker.net/vis/lib/js/can.custom.min.js:58:1841
              cloud.0
              	2021-08-12 09:08:49.534	error	Addon vis 3 - can.view.pending/<@https://iobroker.net/vis/lib/js/can.custom.min.js:64:6147
              cloud.0
              	2021-08-12 09:08:49.532	error	Addon vis 2 - a.each@https://iobroker.net/vis/lib/js/can.custom.min.js:24:294
              cloud.0
              	2021-08-12 09:08:49.531	error	Addon vis 1 - can.view.pending/</<@https://iobroker.net/vis/lib/js/can.custom.min.js:64:6167
              cloud.0
              	2021-08-12 09:08:49.529	error	Addon vis 0 - TypeError: vis.binds.materialdesign.topappbarnav is not a functionthis.fn/</<@tplVis-materialdesign-TopAppBar-Navigation.js:21:86
              cloud.0
              	2021-08-12 09:08:49.526	error	Addon vis can't render tplVis-materialdesign-TopAppBar-Navigation w00033 on "Smart_Home": 
              
              B 1 Reply Last reply Reply Quote 0
              • B
                babl @babl last edited by

                @Scrounger ist auch in der neusten version 0.5.9 immer noch das gleiche. Lokal und über VPN funktioniert alles, aber über die cloud nicht.
                Selben Fehler wie oben.

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

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

                  @Scrounger ist auch in der neusten version 0.5.9 immer noch das gleiche. Lokal und über VPN funktioniert alles, aber über die cloud nicht.

                  Muss wohl seitens Cloud Adapter aktualisiert werden, siehe https://github.com/iobroker/ioBroker.cloud/issues/217

                  meicker created this issue in iobroker/ioBroker.cloud

                  closed material design - keine Funktion der Widgets über die Cloud #217

                  1 Reply Last reply Reply Quote 0
                  • M
                    micklafisch @Negalein last edited by

                    @negalein
                    ich hatte das beim Testen auf die 0.5.9 auch (ich hatte bisher die 0.5.5).

                    Die Bar verschwindet, über den Z-Index konnte ich sie wieder nach vorne holen. Danach lief es.

                    1 Reply Last reply Reply Quote 0
                    • E
                      el-lutschi last edited by

                      Hallo zusammen,
                      lässt sich das Menü auch irgendwie auf die rechte Bildschirmseite verschieben?

                      1 Reply Last reply Reply Quote 0
                      • Gargano
                        Gargano @ice987 last edited by

                        @ice987 Kannst Du mir bitte erklären welches Problem das war und wie Du das gelöst hast. Ich habe das Problem auch.

                        Gruß
                        Werner

                        ice987 1 Reply Last reply Reply Quote 0
                        • T
                          tschinkes last edited by

                          Hallo,
                          bin heute per Zufall auf das Material Design Widget gestoßen und bin gerade dabei damit etwas an Visualisierung zu erstellen. Habe nur das Problem mit dem TopApp Widget dass die vorgegeben Schriften nicht vorhanden sind. Betrifft die Robo Type und eben auch die anderen Schriften. Muss ich irgendwas zusätzlich installieren oder etwas beachten?
                          Material Design Webfonts hab ich ebenfalls installiert.m

                          1 Reply Last reply Reply Quote 0
                          • ice987
                            ice987 @Gargano last edited by

                            @gargano
                            Welches Problem hatte ich da? Irgendwie kann ich das nicht mehr nachvollziehen 😢

                            I 1 Reply Last reply Reply Quote 0
                            • I
                              Idefix01 @ice987 last edited by

                              @Glasfaser

                              Hallo,
                              lässt sich die Höhe von der Top App Bar ändern?

                              TopAppBar.jpg

                              Diese Höhe meine ich, wäre auch gut wenn man die Breite ändern könnte.

                              ice987 Glasfaser 2 Replies Last reply Reply Quote 0
                              • ice987
                                ice987 @Idefix01 last edited by ice987

                                @idefix01

                                Höhe (CSS):

                                .mdc-drawer__header {
                                    min-height: 44px !important;
                                    height: 44px !important;
                                }
                                

                                Breite:
                                Direkt im Widget unter „Navigationselemente: Layout -> Breite“ oder dynamisch.

                                1 Reply Last reply Reply Quote 0
                                • Glasfaser
                                  Glasfaser @Idefix01 last edited by

                                  @idefix01

                                  Meinst du so :

                                  https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/31

                                  I 1 Reply Last reply Reply Quote 0
                                  • I
                                    Idefix01 @Glasfaser last edited by Idefix01

                                    @glasfaser

                                    ja den Balken meine ich
                                    super danke habe es hin bekommen

                                    1 Reply Last reply Reply Quote 0
                                    • Dicken
                                      Dicken last edited by

                                      Mahlzeit,

                                      hab jetzt mal den Thread hier überflogen aber nichts dazu gefunden.

                                      Gibt es keine Möglichkeit das "Hamburger-Symbol" rechts anzeigen zu lassen, bzw die ganze Navigation rechts anzeigen zu lassen, statt links?

                                      In der iorbroker App bei Android ist oben links der Button um in die App-Einstellungen zu kommen. Der liegt quasi genau über dem Symbol der "Top App Bar".

                                      LG
                                      Dicken

                                      Glasfaser 1 Reply Last reply Reply Quote 0
                                      • Glasfaser
                                        Glasfaser @Dicken last edited by Glasfaser

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

                                        hab jetzt mal den Thread hier überflogen aber nichts dazu gefunden.

                                        Das stimmt 🙂

                                        @el-lutschi sagte in Material Design Widgets: Top App Bar Widget:
                                        Hallo zusammen,
                                        lässt sich das Menü auch irgendwie auf die rechte Bildschirmseite verschieben?

                                        .... wurde noch nicht beantwortet :

                                        Schreibe ein Issues bei Github, dort ist er mehr aktiv .

                                        Dicken 1 Reply Last reply Reply Quote 1
                                        • Dicken
                                          Dicken @Glasfaser last edited by

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

                                          Schreibe ein Issues bei Github, dort ist er mehr aktiv .

                                          https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/193

                                          erledigt 🙂

                                          DickenSerm created this issue in Scrounger/ioBroker.vis-materialdesign

                                          open [Top App Bar] Hamburger-Icon rechts anordnen? #193

                                          1 Reply Last reply Reply Quote 0
                                          • Dicken
                                            Dicken last edited by

                                            Hey, kann man es irgendwie über ein Script oder so einstellen, dass nach bestimmter Zeit (bsp: 20 sekunden) die vis automatisch auf die view für Tab[0] wieder umspringt?

                                            Also das sowohl in der TopBar dann das Tab für meine startview markiert ist und auch im "view in widget 8" die startview wieder angezeigt wird?

                                            LG
                                            Dicken

                                            D M 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            746
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            74
                                            412
                                            68520
                                            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