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
    23
    1
    1.3k

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

  • 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.
  • IccubeI Offline
    IccubeI Offline
    Iccube
    wrote on last edited by
    #9

    @Scrounger wie bekomme ich es eingestellt das der Hintergrund beim Scrollen gleich bleibt ?
    Schilti Timer.gif

    Und wie könnte ich das umsetzten das der Close Button immer im unteren Bereich bleibt?

    ScroungerS 1 Reply Last reply
    0
    • C Offline
      C Offline
      Conquest
      wrote on last edited by
      #10

      @Scrounger

      Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

      1 Reply Last reply
      0
      • IccubeI Iccube

        @Scrounger wie bekomme ich es eingestellt das der Hintergrund beim Scrollen gleich bleibt ?
        Schilti Timer.gif

        Und wie könnte ich das umsetzten das der Close Button immer im unteren Bereich bleibt?

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

        @Iccube
        Das sieht ganz komisch bei dir aus.
        Was steht in der console des browsers?

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

        @Scrounger

        Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

        Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

        C IccubeI 2 Replies Last reply
        0
        • ScroungerS Scrounger

          @Iccube
          Das sieht ganz komisch bei dir aus.
          Was steht in der console des browsers?

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

          @Scrounger

          Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

          Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

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

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

          Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

          Bei mir öffnet er nicht in der Mitte.

          screenshot-192.168.178.46_8082-2020.05.08-16_29_14.png

          Hier noch die Einstellungen:

          screenshot-192.168.178.46_8082-2020.05.08-15_17_27.png screenshot-192.168.178.46_8082-2020.05.08-15_16_33.png

          [{"tpl":"tplVis-materialdesign-Vuetify-Dialog-View","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","showDialogMethod":"button","fullscreenResolutionLower":"672","vibrateOnMobilDevices":"50","buttonStyle":"text","iconPosition":"left","closingClickOutside":true,"showTitle":true,"buttonPosition":"center","buttonSize":"medium","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"backgroundColor":"#2e2e2e","dialogMaxWidth":"1200","viewHeight":"650","contains_view":"101_D_Bundesliga","buttonFont":"RobotoCondensed-BoldItalic","buttonFontColor":"#44739e","buttonText":"Schliessen","headerBackgroundColor":"#212722","titleFont":"RobotoCondensed-BoldItalic","titleColor":"white","title":"Bundesliga","titleFontSize":"17","showDivider":true,"dividerColor":"white","overlayColor":"silver","overlayOpacity":"0.8","buttonFullWidth":true,"footerHeight":"40","headerHeight":"40","footerBackgroundColor":"#2e2e2e","buttonFontSize":"19"},"style":{"left":"720px","top":"462px","width":"553px","height":"260px","z-index":"30"},"widgetSet":"materialdesign"}]
          

          Danke schon mal für deine Hilfe.

          1 Reply Last reply
          0
          • ScroungerS Scrounger

            @Iccube
            Das sieht ganz komisch bei dir aus.
            Was steht in der console des browsers?

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

            @Scrounger

            Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

            Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

            IccubeI Offline
            IccubeI Offline
            Iccube
            wrote on last edited by
            #13

            @Scrounger sorry das ich mich jetzt erst melde habe es aber nicht eher geschafft
            Anbei der auszug aus der Browser console
            fehler.png

            1 Reply Last reply
            0
            • ScroungerS Scrounger

              Dialog Widget | Dialog iFrame Widget

              dialog.gif dialog_fullscreen.gif

              Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

              Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

              • Dokumentation
              • Online Beispiel

              Themen zu anderen Widgets findest du hier!

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

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

              dialog.gif dialog_fullscreen.gif

              Ich suche jetzt 2 Tagen die Vorlage für das View für die Zustände der Adapter aus dem Beispiel. Ich finde es nicht mehr.
              Hat einer den Link dazu?

              Danke

              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

              ScroungerS 1 Reply Last reply
              0
              • AxelF1977A AxelF1977

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

                dialog.gif dialog_fullscreen.gif

                Ich suche jetzt 2 Tagen die Vorlage für das View für die Zustände der Adapter aus dem Beispiel. Ich finde es nicht mehr.
                Hat einer den Link dazu?

                Danke

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

                @AxelF1977
                https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples

                Auf der github seite von MDW findest fast alle infos zu Widgets, Forum Links, praltische beispiele, etc.

                AxelF1977A 1 Reply Last reply
                1
                • ScroungerS Scrounger

                  @AxelF1977
                  https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples

                  Auf der github seite von MDW findest fast alle infos zu Widgets, Forum Links, praltische beispiele, etc.

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

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

                  @AxelF1977
                  https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples

                  Auf der github seite von MDW findest fast alle infos zu Widgets, Forum Links, praltische beispiele, etc.

                  Danke!

                  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

                  1 Reply Last reply
                  0
                  • C Offline
                    C Offline
                    Conquest
                    wrote on last edited by
                    #17

                    @Scrounger

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

                    ScroungerS C 2 Replies Last reply
                    0
                    • C Conquest

                      @Scrounger

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

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

                      @Conquest
                      Sorry bin ich noch nicht dazu gekommen.
                      Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

                      C 1 Reply Last reply
                      0
                      • ScroungerS Scrounger

                        @Conquest
                        Sorry bin ich noch nicht dazu gekommen.
                        Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

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

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

                        @Conquest
                        Sorry bin ich noch nicht dazu gekommen.
                        Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

                        Ok issue auf GitHub ist angelegt: https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/82

                        Benötigst du mein komplettes Project als Export oder? Kann man nämlich leider nicht anonym Downloaden.

                        ScroungerS 1 Reply Last reply
                        0
                        • C Conquest

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

                          @Conquest
                          Sorry bin ich noch nicht dazu gekommen.
                          Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

                          Ok issue auf GitHub ist angelegt: https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/82

                          Benötigst du mein komplettes Project als Export oder? Kann man nämlich leider nicht anonym Downloaden.

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

                          @Conquest
                          Reicht auch ein Beispiel Projekt, wo der Fehler auftritt.

                          C 1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            @Conquest
                            Reicht auch ein Beispiel Projekt, wo der Fehler auftritt.

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

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

                            @Conquest
                            Reicht auch ein Beispiel Projekt, wo der Fehler auftritt.

                            Ok hoffe das reicht ansonsten schicke ich mein komplettes.

                            2020-05-18-Fehler.zip

                            1 Reply Last reply
                            0
                            • AxelF1977A Offline
                              AxelF1977A Offline
                              AxelF1977
                              wrote on last edited by
                              #22

                              @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

                              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
                              • C Conquest

                                @Scrounger

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

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          486

                                          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