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.
    • D3ltoroxp
      D3ltoroxp last edited by

      Hallo Scrounger und Community,

      ich möchte mir gerade auch ein PopView erstellen. Sprich wenn ich auf den Button klicke, soll ein neues Fenster überlagert aufpoppen. Funktioniert soweit auch. Nur sieht es auf dem Tablet etwas anders aus. Bin grad am spielen mit den Werten.

      1. Auf dem Tablet, wenn die View sich öffnet, habe ich ringsherum einen Platz zum Displayrand, kann man das verringern ? Würde ringsherum reichen mit 5px. Leider kann ich nur den Rahmen des PopUps anpassen, aber nicht den Abstand zum Displayrand.

      2. Die Kopfzeile habe ich weg bekommen, aber nicht den Schließen Button unten. Kann man den nicht auch entfernen ? Kopf und Fußzeile habe ich 0 drin.

      762bfa5b-0e25-4b93-b512-07e726ce2c20-image.png

      In den Settings habe ich keinen Haken drin, dennoch taucht die Schließen Schaltfläche auf.

      283b05b1-45d7-4b2f-929f-80e1a1c56e7d-image.png

      1 Reply Last reply Reply Quote 0
      • F
        fireboyff last edited by

        Hallo Scrounger

        Deine Widgets sind echt top! musste ich mal los werden

        Mir ist jedoch bei diesem Widget aufgefallen das du bei der Angabe der Höhe des Dialoges nur eine Zahl akzeptierst da du diesen fix als "px" übernimmst.
        Könnte man dies ändern das man hier auch zb. in % angeben kann?
        Meine Versuche es via CSS zu überschreiben waren bis jetzt leider erfolglos. Da mein Inhalt jedoch Dynamisch ist wäre die Angabe in % schon sehr toll.
        fd616801-1765-4c51-8e3c-4c6301dc26cb-image.png
        71310f9f-477b-4fe6-ab84-18c028086511-image.png

        Danke.

        lg Fire

        Scrounger 1 Reply Last reply Reply Quote 0
        • I
          IOBaer last edited by IOBaer

          Gibt es eine Möglichkeit, den Dialog so einzustellen, dass dennoch Objekte im Hintergrund bedient werden können? Also wie beim jqui-container, wenn modal deaktiviert ist. Der offene Dialog sperrt derzeit diese Funktionen.

          @Scrounger

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

            @fireboyff sagte in Material Design Widgets: Dialogs Widget:

            Könnte man dies ändern das man hier auch zb. in % angeben kann?

            Bau ich ein, gibts in der kommenden version.

            @iobaer sagte in Material Design Widgets: Dialogs Widget:

            Gibt es eine Möglichkeit, den Dialog so einzustellen, dass dennoch Objekte im Hintergrund bedient werden können? Also wie beim jqui-container, wenn modal deaktiviert ist. Der offene Dialog sperrt derzeit diese Funktionen.

            Leider bietet die verwendet api diese funktion nicht. Muss ich schauen, ob ich das evtl. verbiegen kann. Mach dazu bitte nen issue auf github auf.

            1 Reply Last reply Reply Quote 0
            • N
              nidd last edited by

              @Scrounger Respekt für die Widget! Ich versuche nun meine gesamte VIS auf sie umzubauen, um ein cooleres Design hinzubekommen.
              dafür würde ich auch gerne das Dialog Widget von jqui ersetzen, muss aber dafür auch einen DP setzen können

              @gender und @DrHouse03 hatten den gleichen Wunsch. Wie die beiden habe ich eine View für mehrere Lampen bzw. Heizungen, bei denen dann per DP die richtige angezeigt wird. Somit reicht ein View für zig Heizungen/Lampen.

              Bei jqui gibt es diese Möglichkeit:
              b6e56a74-5bf6-40e3-a750-507555ec8448-image.png

              vielleicht ist es möglich so etwas auch bei den MDW dialogen einzuführen?

              Anschließend hätte man dann z.b. folgende beiden Views für alle Lampen/Heizungen:
              562d9f9e-648d-43d0-9f06-7cad4cd0d475-image.png
              f472287a-b46d-4a81-9267-9db7e9ef80b7-image.png

              Gruß
              nidd

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

                @nidd sagte in Material Design Widgets: Dialogs Widget:

                dafür würde ich auch gerne das Dialog Widget von jqui ersetzen, muss aber dafür auch einen DP setzen können

                Ok übersetzt heißt das du möchtest wenn man den Dialog öffnet in einen selbst festgelegten Datenpunkt einen selbstfestgelegten Wert schreiben?

                Schreib dazu bitte ein issue auf github, dann bau ich es ein.

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

                  @scrounger Hallo scrounger,

                  zuerst möchte ich mich auch für deine hervorragende Arbeit bedanken!

                  Ich habe eine View, welche ich über einen Dialog per Datenpunkt öffnen lasse. Dies funktioniert zumeist auch. Manchmal öffnet sich der Dialog überhaupt nicht, oder es wird nur der Rahmen dargestellt. Aber mein Hauptproblem besteht darin, dass ich auf dieser View mehrere "Button State"-Widgets habe, welche über ein "view in widget 8" eine Unterseite steuern sollen. Leider reagieren diese Buttons überhaupt nicht, sobald der Dialog per Datenpunkt geöffnet wird. Mache ich dies über die Button-Methode funktioniert der Dialog reibungslos.

                  Vielen Dank für deine Hilfe!

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

                    @deloco
                    OK ich brauche folgendes:

                    • welche Version verwendest du?
                    • Export von deinem bis Projekt
                    • Export von deiner Datenpunkt Struktur die du im Dialog verwendet - also die Buttons Staates

                    Bitte erstell ein issue auf github dafür mit genau den oben beschrieben Daten.

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

                      @scrounger Danke für die schnelle Rückmeldung!

                      In meinem Hauptprojekt hatte ich die entsprechenden Views bereits umgestaltet. Ich werde dieses jedoch nochmal versuchen nachzustellen. Zur Analyse habe ich ein neues Projekt erstellt, bei welchem dieses Verhalten allerdings nicht aufgetreten ist! Der Dialog hat sich genau wie gewünscht verhalten! Daher scheint dies kein grundsätzliches Problem zu sein...

                      Ich werde noch etwas herumprobieren und sobald ich etwas "brauchbares" habe, dies auf Github hinterlegen.

                      1 Reply Last reply Reply Quote 0
                      • M
                        maxthebr4in last edited by

                        Hallo,

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

                        lg
                        Max

                        Christianxxxx 2 Replies Last reply Reply Quote 0
                        • G
                          gluecksmann @Oli last edited by

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

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

                            @gluecksmann

                            sorry, aber welches Widget meinst du?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            988
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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