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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Material Design Widgets: Dialogs Widget

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

      @Scrounger sagte in Material Design Widgets: Dialog View Widget:

      @Conquest sagte in Material Design Widgets: Dialog View Widget:

      @Conquest sagte in Material Design Widgets: Dialog View Widget:

      @Scrounger

      Hallo, konntest du was herausfinden warum das Dialog-Widget bei mir nicht in der Mitte öffnet?

      @Scrounger
      Hallo, ich habe die neue Version installiert das Problem besteht leider weiterhin.

      Deine Einstellung sind falsch. Du musst den Widgets in der View die du dem Dialog zugerodnet hast raltive breiten geben, also mit % arbeiten.

      0d744843-dba3-44ae-9c00-2ac376e64ffc-grafik.png

      Funktioniert jetzt. Das Problem war das view in Widget 8.

      1 Reply Last reply Reply Quote 0
      • B
        bommel_030 @Oli last edited by

        @Oli
        Hattest du ein issue zum schließen erstellt?
        @Scrounger
        Was genau hab ich denn unter "fullscreenResolutionlower" zu verstehen?
        Lasse ich es beim Wetter Dialog auf den eingestellten 672 ist füllt das PopUp auf dem Handy die gesamte Breite aus.
        Allerdings werden Kopf- und Fußzeile nicht angezeigt. Setze ich den Wert auf 0 bzw. leer, dann sehe ich Kopf- und Fußzeile, aber trotz Breite von 100% werden auf dem Handy nur ca. 80% verwendet.

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

          @bommel_030 sagte in Material Design Widgets: Dialog View Widget:

          Was genau hab ich denn unter "fullscreenResolutionlower" zu verstehen?

          Darüber steuert man, ob der Dialog im fullscreen (siehe erster Post 2. Scrennshot) geöffnet wird ober nicht. Wenn du hier z.B. 400 Eeinträgst, dann wir der Fullscreen Dialog angezeigt, wenn die Auflösungsbreite des screens kleiner 400px ist -> z.B. Handy Hochformat

          O 1 Reply Last reply Reply Quote 1
          • Thomas Schulze
            Thomas Schulze last edited by

            Hallo,

            ich würde gerne die Dialog-View bei best. events autom. öffnen lassen(via VIS "Command for vis" + "Data for control vis"). Leider funktioniert das mit der "material-design-widgets-dialog-view" nicht sondern nur mit den "Standard-Dialog-Widgets" in VIS. Gibt es da vlt. ein Workaround wie ich das bewerkstelligen kann?

            Danke im Voraus!

            Scrounger 1 Reply Last reply Reply Quote 0
            • G
              gender last edited by

              Gibt es eine Möglichkeit oder könnte man eine Möglichkeit einbauen, dass man beim Öffnen des Dialogs auch andere Datenpunkte verändert?!

              Derzeit gibt es ja nur die Möglichkeit, den Datenpunkt zum Öffnen und Schließen des Dialogs auf true bzw. false zu sezen.

              Mein Wunsch wäre es, dass man quasi durch das Öffnen des Dialogs auch einen anderen Datenpunkt (mit einem beliebigen Wert) verändert.

              Hintergrund ist folgender: Ich habe das Time-Script hier aus dem Forum, bei dem man ja über ein Dopdownmenü die verschiedenen Devices wählen kann (bzw. die Auswahl des Dropdowns wird in einem Datenpunkt gespeichert).
              Ich öffne nun an verschiedenen Stellen meines Projekts über einen Dialog diese Tabelle und es wäre cool, wenn ich quasi durch das Öffnen des Dialogs bereits den Filter in der Tabelle setzen könnte bzw. schon eine Auswahl beim Dropdown hätte.
              Das sollte klappen, wenn ich durch das Öffnen des Dialogs den Datenpunkt veränderen kann.

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

                @Thomas-Schulze
                Das geht wenn den Dialog in methode 'datapoint' verwendest:
                3107705f-9abb-4047-80bb-2450a215790e-grafik.png

                Da kannst dann einen boolean dp verwenden um den Dialog öffen / schließen.

                @gender sagte in Material Design Widgets: Dialog View Widget:

                Gibt es eine Möglichkeit oder könnte man eine Möglichkeit einbauen, dass man beim Öffnen des Dialogs auch andere Datenpunkte verändert?!

                Sorry viel zu speziell. Denke das man das aber per skript lösen könnte.

                bergjet 1 Reply Last reply Reply Quote 0
                • M
                  michihorn last edited by

                  Hallo Scrounger, kannst du evtl. für das Button-Bild noch eine Updatezeit einbauen, so das das Knopfbild sich regelmäßig updatet?
                  Gruß Michael

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

                    @Scrounger Schön wäre auch noch, wenn man einstellen könnte, dass das Fenster nach einer einstellbaren Zeit automatisch schließt.
                    Hintergrund: Das betätigen der Türklingel (kurzer "true" Datenpunkt) öffnet die Ansicht des Eingangsbereichs. Diese Ansicht soll 60sek. angezeigt werden und danach automatisch schließen.

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

                      @michihorn sagte in Material Design Widgets: Dialog View Widget:

                      Hallo Scrounger, kannst du evtl. für das Button-Bild noch eine Updatezeit einbauen, so das das Knopfbild sich regelmäßig updatet?
                      Gruß Michael

                      Versteh nicht genau was du meinst. Welcher Button, mit dem man den Dialog öffnet? Screenshot?

                      @bergjet sagte in Material Design Widgets: Dialog View Widget:

                      @Scrounger Schön wäre auch noch, wenn man einstellen könnte, dass das Fenster nach einer einstellbaren Zeit automatisch schließt.
                      Hintergrund: Das betätigen der Türklingel (kurzer "true" Datenpunkt) öffnet die Ansicht des Eingangsbereichs. Diese Ansicht soll 60sek. angezeigt werden und danach automatisch schließen.

                      Das kann man per Script mit nem Timout realisieren. Klingel -> true -> Dlg wird angezeigt -> Timeout 60s starten -> false

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            687
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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