Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Dialogs 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: Dialogs Widget

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

      Ansicht VIS Editor 3.png

      Die rote für die Größe des Dialogs ist leer. Aber auch wenn ich da etwas wie zB 550px eintrage wird der Dialog angezeigt, aber nicht der Inhalt der Seite.

      Dies gelbe Einstellung ist doch aber für die Größe des Buttons, oder?

      Gruß
      Christian

      Glasfaser 1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser @c.radi last edited by Glasfaser

        @c-radi

        Trage bitte die Werte bei Layout Dialog ein , aber ohne px und den Z-Index auf 100

        C 1 Reply Last reply Reply Quote 0
        • C
          c.radi @Glasfaser last edited by

          Danke für die Hilfe.

          Ich habe jetzt mal Prozentwerte eingetragen, aber leider ändert das nichts am Ergebnis
          Ansicht VIS Editor 4.png

          Glasfaser 1 Reply Last reply Reply Quote 0
          • Glasfaser
            Glasfaser @c.radi last edited by

            @c-radi sagte in Material Design Widgets: Dialogs Widget:

            ber leider ändert das nichts am Ergebnis

            Kann selber gerade nicht testen bzw. bei mir nachsehen ...

            Ohne % Zeichen eintragen
            und im oberen Screenshot war mit px , kann man das umstellen .

            640209d2-8ac1-48f0-94ca-92330ade9d64-grafik.png

            C 1 Reply Last reply Reply Quote 0
            • C
              c.radi @Glasfaser last edited by

              @glasfaser Ich kann den Wert entweder mit % oder px eintragen. Dazu kann man auf das entsprechende Zeichen hinten draufklicken, dann wird zwischen den Werten umgeschaltet.
              Ich habe jetzt beides ausprobiert, 100% und 550px.

              Trotzdem wird die View nicht angezeigt.

              Meine View ist auf eine Größe von 550x500px eingestellt. Dadurch wird ja der rote Rahmen in der View generiert.

              Irgend wo habe ich noch einen Fehler, den ich nicht erkenne. Leider schaffe ich es auch nicht die Demo lauffähig zu importieren, um mir dort etwas abzugucken.

              Gruß
              Christian

              Glasfaser 1 Reply Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @c.radi last edited by Glasfaser

                @c-radi

                nimm mal sein Widget und ändere nur die View bzw. eventuell mal eine andere View auswählen .

                https://forum.iobroker.net/topic/31870/material-design-widgets-dialogs-widget/12

                EDIT :
                Welche Material Design Version hast du !?

                C 1 Reply Last reply Reply Quote 0
                • C
                  c.radi @Glasfaser last edited by c.radi

                  @glasfaser
                  Probiere ich aus.
                  Edit: Leider wird die View auch nicht angezeigt. Vielleicht hbe ich in der View ein Problem, nicht im Button?

                  Meine Version ist 1.7.2, also aktuelle Stand im Standard-Repo

                  Gruß
                  Christian

                  Glasfaser 2 Replies Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @c.radi last edited by

                    @c-radi sagte in Material Design Widgets: Dialogs Widget:

                    Meine Version ist 1.7.2, also aktuelle Stand im Standard-Repo

                    Es gibt aber nur im

                    latest: 0.5.9

                    C 1 Reply Last reply Reply Quote 0
                    • C
                      c.radi @Glasfaser last edited by

                      @glasfaser said in Material Design Widgets: Dialogs Widget:

                      .5.9

                      sorry im falschen Adapter geschaut: 0.5.69 ist die korrekte Version.

                      Gruß
                      Christian

                      1 Reply Last reply Reply Quote 0
                      • Glasfaser
                        Glasfaser @c.radi last edited by

                        @c-radi sagte in Material Design Widgets: Dialogs Widget:

                        Vielleicht hbe ich in der View ein Problem,

                        Deshalb solltest du auch mal mit einem anderen View es versuchen ( eventuell eine neue leere View )

                        Eventuell , liegt es auch an dem Browser , anderen mal genutzt .

                        Du kannst auch den Debug für das Widget anschalten und in der Browser-Konsole ( F12 ) nachsehen .

                        6dd64bfc-3e3e-4cfe-b3a0-43b080bf453a-grafik.png

                        C 1 Reply Last reply Reply Quote 0
                        • C
                          c.radi @Glasfaser last edited by

                          @glasfaser Ich habe das mit den Dev Tools getestet:
                          Dort bekomme ich zwei Warnungen:

                          DevTools failed to load source map: Could not load content for http://192.168.114.220:8082/lib/js/socket.io.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                          
                          vis-materialdesign: click audio file '/vis.0/materialdesign-widgets-click-sound.mp3' not exists!
                          

                          Die zweite Warnung ist sicher ohne Auswirkung, aber bei der ersten Warnung kann ich es nicht einschätzen.

                          Drücke ich den Button erhalte ich im Log folgenden Eintrag (habe eine neue View ohne weitere Einstellungen, nur mit einem Button drauf erzeugt):

                          [Dialog w00140] [waitForElement] it took 0ms to wait for the element '#visview_Test'
                          

                          Ich teste mit Chrome für Wondows, Safari unter iPadOS und FullyKioskBrowser auf Android. Am Browser würde ich sagen liegt es nicht.
                          Muss auf der anzuzeigenden Seite ein besonders Widget drauf sein, damit das funktioniert, oder wird da einfach eine Seite angezeigt, egal welcher Inhalt?

                          Ich habe noch mal das Widget für iFrame getestet, und dort einfach die anzuzeigende Seite eingetragen. Das funktioniert.

                          Gruß
                          Christian

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            micklafisch @c.radi last edited by

                            @c-radi
                            schon einmal ein neues Projekt zum testen versucht? 2 Views - die erste mit dem Dialog Button und die zweite View mit der zu öffnenden Ansicht.

                            Es muss kein besonderes Widget in die zweite View - leg zum Testen einfach ein z.B. HTML Widget mit etwas text rein.

                            Ansonsten Update auf die aktuellste Version im latest getestet?

                            C 1 Reply Last reply Reply Quote 0
                            • C
                              c.radi @micklafisch last edited by

                              @micklafisch
                              Hallo, vielen Dank für den Hinweis und die Idee mit der aktuellen Version.
                              Nur eine neue leere View anzulegen hat nicht ausgereicht, aber mit der aktuellen Beta Version scheint es zu funktionieren.

                              Leider werden mir jetzt alle Farben nicht mehr angezeigt, also die Buttons sind grau und die Schrift schwarz, aber das werde ich wohl noch finden.

                              Gruß
                              Christian

                              C 1 Reply Last reply Reply Quote 0
                              • C
                                c.radi @c.radi last edited by

                                @c-radi
                                oh, bei Update auf die lates-Version haben meine Widgets die Einstellungen für Primär- und Sekundärfarbe verloren.

                                Das muss ich jetzt aus einem Backup zurückholen.

                                Gruß
                                Christian

                                C 1 Reply Last reply Reply Quote 0
                                • C
                                  c.radi @c.radi last edited by c.radi

                                  @c-radi
                                  Mist, da ist wohl mehr kaputt. Einfach nur das Backup des Views zurückspielen reicht nicht aus.
                                  Im VIS Editor werden die Farben nicht angezeigt, im json sind die aber enthalten:

                                  Ansicht VIS Editor 5.png

                                  "w00291_00_Navigation": {
                                          "tpl": "tplVis-materialdesign-Button-Navigation",
                                          "data": {
                                            "g_fixed": true,
                                            "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",
                                            "buttonStyle": "raised",
                                            "vibrateOnMobilDevices": "50",
                                            "clickSoundVolume": "0.5",
                                            "buttontext": "Rolladen",
                                            "textFontFamily": "var(--materialdesign-widget-theme-font-button-default-text)",
                                            "textFontSize": "var(--materialdesign-widget-theme-font-size-button-default-text)",
                                            "mdwButtonPrimaryColor": "var(--materialdesign-widget-theme-color-default-13)",
                                            "mdwButtonSecondaryColor": "var(--materialdesign-widget-theme-color-button-default-secondary)",
                                            "image": "window-shutter",
                                            "iconPosition": "left",
                                            "signals-cond-0": "==",
                                  

                                  Neustart ioBroker und Adapter neu Aufbauen hat keine Änderung gebracht.
                                  Jetzt bin ich etwas ratlos.

                                  Gruß
                                  Christian

                                  C 1 Reply Last reply Reply Quote 0
                                  • C
                                    c.radi @c.radi last edited by

                                    @c-radi was auch immer hier beim Update passiert ist, ich weiss es nicht.
                                    Habe nun manuell die Einstellungen wiederhergestellt.

                                    Gruß
                                    Christian

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

                                      Ich hätte hier zu auch mal eine Frage. Ich möchte mir ein Art Menu bauen, wenn ich den Button anklicke, soll ja dann die verlinkte View angezeigt werden.
                                      Leider bekomme ich den Hintergrund nicht transparent.

                                      38b67bc4-9be8-48ec-a804-3ce027df9175-grafik.png

                                      Auch bekomme ich den Scrollbalken nicht weg. Was muss ich hierfür tun.

                                      fe13051e-c023-482b-a685-904e25f76be5-grafik.png

                                      Auch diesen Strich da unten bekomme ich nicht raus.

                                      6017ae03-dbf3-4862-9460-739ff9367c71-grafik.png

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

                                        @d3ltoroxp
                                        es scheint als ist die View für das Menü kleiner als die Popupgröße.

                                        Hast du im Menüview einen Rahmen oder auch eine Größenangabe drin? Exportiere mal die View und das Widget und stell es hier ein.

                                        D3ltoroxp 1 Reply Last reply Reply Quote 0
                                        • Christianxxxx
                                          Christianxxxx @maxthebr4in last edited by Christianxxxx

                                          gelöscht

                                          1 Reply Last reply Reply Quote 0
                                          • Christianxxxx
                                            Christianxxxx @maxthebr4in last edited by

                                            @maxthebr4in said in Material Design Widgets: Dialogs Widget:

                                            Hallo,

                                            gibt es eine Möglichkeit, die Position des Dialog einzustellen? Das zum Beispiel der Dialog sich direkt neben den Button öffnet?

                                            lg
                                            Max

                                            @Scrounger Das interessiert mich auch, gibts dazu was? LG Christian

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            988
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            27
                                            83
                                            10176
                                            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