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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Material Design Widgets: Dialogs Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • G
      gluecksmann @Oli last edited by

      @oli das Jqui Dialog Widget ganz am Anfang ... mit dem Wetter ....

      O Glasfaser 2 Replies Last reply Reply Quote 0
      • O
        Oli @gluecksmann last edited by

        @gluecksmann

        sollte in der Vis eigentlich schon installiert sein
        330b1578-04fc-4a46-a48c-ff3c93fdf863-image.png

        G 1 Reply Last reply Reply Quote 0
        • G
          gluecksmann @Oli last edited by

          @oli verstehe ich gerade überhaupt nicht... als Neuling...

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

            @gluecksmann sagte in Material Design Widgets: Dialogs Widget:

            @oli wo bekommt man denn das Widget her? Sieht gut aus...

            @oli das Jqui Dialog Widget ganz am Anfang ... mit dem Wetter ....
            @oli verstehe ich gerade überhaupt nicht... als Neuling...

            Bei dir ist es alles zweideutig :

            Meinst du das im Threadstart von @Oli

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

            mit den Wetter Symbolen und dieses View willst du haben !?

            Ansonsten wenn du das Widget meinst was @Oli dir gesagt hat , schau dir das an :

            Wie man es installiert steht auch drin .
            https://www.smarthome-tricks.de/iobroker-vis-material-design/

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

              @glasfaser Ja, meine das im Threatstart. Suche etwas was nicht so überladen ist...wo gleich wieder mehrere Adapter eingebunden werden usw

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

                @Scrounger

                leider öffnet sich in der Version 0.5.49 kein Dialogfenster mehr, es wird nur der Rahmen angezeigt. Mit dem jqui Dialog Button funktioniert alles.

                In der Konsole steht leider auch nichts.

                Anbei mal ein erstelltes Vis Projekt

                2021-10-07-Test.zip

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

                  @oli
                  0.5.49 hab ich ja noch gar nett veröffentlicht - ist Alpha bzw Arbeitsstand. Bitte noch etwas gedulden, mach bevor es ins latest kommt wieder ne Testphase

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

                    Hallo,

                    ich bin noch recht neu im ioBroker, würde aber gerne diese Widgets aus dem MaterialDesign Paket verwenden.
                    Ich finde die Umsetzung einfach super schön und schlicht.

                    Aber hierbei stelle ich mich etwas doof an.
                    Ich ziehe auf eine View den "Dialog". Dort trage ich gleich oben den Namen der View ein, die angeziegt werden soll, und gebe im Abschnitt "Button Layout" noch einen Namen.
                    Dann müsste doch ein Popup aufgehen, welches den eingetragen View anzeigt. Das geht bei mir aber leider nicht.

                    Die aufzurufende View ist nichts besonders, nur in der Größe auf 500x500 Pixel gesetzt.

                    Was mache ich hier falsch?

                    Gruß
                    Christian

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

                      Ich ergänze meine Frage mal mit einigen Screenshots, dann wird es klarer, was ich meine:

                      Ansicht im Editor für den Button:
                      Ansicht VIS Editor.png

                      Ansicht für die Sub-Seite:
                      Ansicht VIS Editor 2.png

                      Ergebnis in der Webansicht:
                      Ansicht Web.png

                      Ich finde leider nicht raus, was ich hier falsch mache.

                      Gruß
                      Christian

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

                        @c-radi

                        Wie sind die Einstellungen in Layout Dialog Breite / Höhe

                        C 1 Reply Last reply Reply Quote 0
                        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            490
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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