Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Dialogs Widget

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

Material Design Widgets: Dialogs Widget

Scheduled Pinned Locked Moved Visualisierung
vis
83 Posts 27 Posters 14.2k Views 30 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    micklafisch
    wrote on last edited by
    #24

    Hallo Scrounger,

    könntest du mir bitte zu diesem Thema: https://forum.iobroker.net/topic/23346/vorlage-variable-zeitsteuerung-mit-vis-editor/481 Hilfe leisten? Ich schaffe es nicht den Dialog View als Alternative zum "jqui container button" einzusetzen.

    Danke schonmal.

    1 Reply Last reply
    0
    • C Conquest

      @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.

      ScroungerS Offline
      ScroungerS Offline
      Scrounger
      Developer
      wrote on last edited by
      #25

      @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

      C 1 Reply Last reply
      0
      • AxelF1977A AxelF1977

        @Scrounger Wie bereits eben angekündigt, hier nochmal meine Probleme, evtl. hilft Dir das weiter

        Manchmal erscheinen Popup (Dialoge) doppelt beim Öffnen

        Screenshot_20200519-113056-upload.jpg

        Screenshot_20200509-104535-upload.jpg

        Nach einigen Dialogen die geöffnet wurden, gibt es teils 2 verschiedene Szenarien. Einmal gehen sie nicht mehr auf und der Dialog verliert die eingestellte Optik

        Screenshot_20200519-113120-upload.jpg

        Dann kann es passieren, dass der überlagernde dunkle Hintergrund nicht mehr weg geht, und auf der Seite überlagernd bleibt

        normal
        Screenshot_20200517-200210-upload1.jpg

        überlagert
        Screenshot_20200517-200210-upload2.jpg

        Und wenn alles geht, sieht es so aus
        Screenshot_20200519-120604-upload.jpg

        H Offline
        H Offline
        heinzie
        wrote on last edited by
        #26

        @AxelF1977 finde ich sehr gut gemacht deine Oberfläche.
        Würdest Du diese ggf. zur Verfügung stellen?

        AxelF1977A 1 Reply Last reply
        0
        • H heinzie

          @AxelF1977 finde ich sehr gut gemacht deine Oberfläche.
          Würdest Du diese ggf. zur Verfügung stellen?

          AxelF1977A Offline
          AxelF1977A Offline
          AxelF1977
          wrote on last edited by
          #27

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

          @AxelF1977 finde ich sehr gut gemacht deine Oberfläche.
          Würdest Du diese ggf. zur Verfügung stellen?

          Danke für das Lob!

          Prinzipiell kann ich das mal komplett zur Verfügung stellen. Ich muss mal sehen ob ich das anonymisiert exportieren kann.

          Sobald ich fertig bin, ich baue es gerade stark um, mache ich nochmal ein Vorstellungsthema auf, um es zu teilen.

          Wenn Du noch ein bisschen warten kannst, denke ich kann das klappen.

          VG

          ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

          H 1 Reply Last reply
          0
          • AxelF1977A AxelF1977

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

            @AxelF1977 finde ich sehr gut gemacht deine Oberfläche.
            Würdest Du diese ggf. zur Verfügung stellen?

            Danke für das Lob!

            Prinzipiell kann ich das mal komplett zur Verfügung stellen. Ich muss mal sehen ob ich das anonymisiert exportieren kann.

            Sobald ich fertig bin, ich baue es gerade stark um, mache ich nochmal ein Vorstellungsthema auf, um es zu teilen.

            Wenn Du noch ein bisschen warten kannst, denke ich kann das klappen.

            VG

            H Offline
            H Offline
            heinzie
            wrote on last edited by
            #28

            @AxelF1977 Vielen Dank im Voraus. Bin schon sehr gespannt

            1 Reply Last reply
            0
            • ScroungerS Scrounger

              @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

              C Offline
              C Offline
              Conquest
              wrote on last edited by
              #29

              @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
              0
              • O Oli

                @Scrounger

                ich habe mal wieder Fragen zum Widget.

                1. Ist es möglich eine Zeitsteuerung mit einzubauen, dass sich der Dialog z.B. nach 60 Sekunden automatisch schließt?

                2. Woran könnte es liegen, dass bei der Anzeige des Dialogs Werte abgeschnitten werden?

                Jqui Dialog Widget:

                71524f03-7a81-4ab4-8a36-528a6287584c-image.png

                Dein Dialog Widget:

                8225ea63-4e76-4895-ade9-b42f73c50c5e-image.png

                B Offline
                B Offline
                bommel_030
                wrote on last edited by
                #30

                @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.

                ScroungerS 1 Reply Last reply
                0
                • B bommel_030

                  @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.

                  ScroungerS Offline
                  ScroungerS Offline
                  Scrounger
                  Developer
                  wrote on last edited by
                  #31

                  @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
                  1
                  • Thomas SchulzeT Offline
                    Thomas SchulzeT Offline
                    Thomas Schulze
                    wrote on last edited by
                    #32

                    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!

                    ScroungerS 1 Reply Last reply
                    0
                    • G Offline
                      G Offline
                      gender
                      wrote on last edited by
                      #33

                      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
                      0
                      • Thomas SchulzeT Thomas Schulze

                        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!

                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        wrote on last edited by
                        #34

                        @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.

                        bergjetB 1 Reply Last reply
                        0
                        • M Offline
                          M Offline
                          michihorn
                          wrote on last edited by
                          #35

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

                          ScroungerS 1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            @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.

                            bergjetB Offline
                            bergjetB Offline
                            bergjet
                            wrote on last edited by
                            #36

                            @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.

                            homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                            1 Reply Last reply
                            0
                            • M michihorn

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

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by
                              #37

                              @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
                              0
                              • D3ltoroxpD Offline
                                D3ltoroxpD Offline
                                D3ltoroxp
                                wrote on last edited by
                                #38

                                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
                                0
                                • F Offline
                                  F Offline
                                  fireboyff
                                  wrote on last edited by
                                  #39

                                  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

                                  ScroungerS 1 Reply Last reply
                                  0
                                  • I Offline
                                    I Offline
                                    IOBaer
                                    wrote on last edited by IOBaer
                                    #40

                                    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
                                    0
                                    • F fireboyff

                                      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

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      wrote on last edited by
                                      #41

                                      @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
                                      0
                                      • N Offline
                                        N Offline
                                        nidd
                                        wrote on last edited by
                                        #42

                                        @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

                                        ScroungerS 1 Reply Last reply
                                        0
                                        • N nidd

                                          @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

                                          ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          wrote on last edited by
                                          #43

                                          @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
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          459

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe