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.
  • 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
                      • ScroungerS Scrounger

                        @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 Offline
                        D Offline
                        deloco
                        wrote on last edited by
                        #44

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

                        ScroungerS 1 Reply Last reply
                        0
                        • D deloco

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

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

                          @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
                          0
                          • ScroungerS Scrounger

                            @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 Offline
                            D Offline
                            deloco
                            wrote on last edited by
                            #46

                            @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
                            0
                            • M Offline
                              M Offline
                              maxthebr4in
                              wrote on last edited by
                              #47

                              Hallo,

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

                              lg
                              Max

                              ChristianxxxxC 2 Replies 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

                                G Offline
                                G Offline
                                gluecksmann
                                wrote on last edited by
                                #48

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

                                O 1 Reply Last reply
                                0
                                • G gluecksmann

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

                                  O Online
                                  O Online
                                  Oli
                                  wrote on last edited by
                                  #49

                                  @gluecksmann

                                  sorry, aber welches Widget meinst du?

                                  Gruß
                                  Oliver

                                  G 1 Reply Last reply
                                  0
                                  • O Oli

                                    @gluecksmann

                                    sorry, aber welches Widget meinst du?

                                    G Offline
                                    G Offline
                                    gluecksmann
                                    wrote on last edited by
                                    #50

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

                                    O GlasfaserG 2 Replies Last reply
                                    0
                                    • G gluecksmann

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

                                      O Online
                                      O Online
                                      Oli
                                      wrote on last edited by
                                      #51

                                      @gluecksmann

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

                                      Gruß
                                      Oliver

                                      G 1 Reply Last reply
                                      0
                                      • O Oli

                                        @gluecksmann

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

                                        G Offline
                                        G Offline
                                        gluecksmann
                                        wrote on last edited by
                                        #52

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

                                        1 Reply Last reply
                                        0
                                        • G gluecksmann

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

                                          GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          wrote on last edited by Glasfaser
                                          #53

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

                                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                          G 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

                                          749

                                          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