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

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    9
    1
    80

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

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

Material Design Widgets: Dialogs Widget

Scheduled Pinned Locked Moved Visualisierung
vis
83 Posts 27 Posters 14.3k 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.
  • 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

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

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

    @Scrounger

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

    Schreib bitte nen issue auf git.

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

    Puh schwierig das so zu bewerten
    overflow-y aktivieren bei hinterlegter view?
    height der hinterlegten view ist dynamisch - also 100%?
    Dialog height erhöhen?

    wenn beides nicht hilft bitte beispiel projekt machen, dann schau cih mir das mal an

    1 Reply Last reply
    0
    • D Offline
      D Offline
      DrHouse03
      wrote on last edited by DrHouse03
      #4

      @Scrounger

      Hallo!

      Erstmal echt super Widgets. Danke dafür.
      Wie sieht es denn mit dem Dialog iframe Widget aus?
      Gibt es eine Alternative, wenn es in Zukunft entfernt werden soll?
      Bei dem neuen Dialog Widget können ja nur mehr Views angezeigt werden.
      Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

      Danke

      Grüße aus Österreich

      ScroungerS 1 Reply Last reply
      0
      • D DrHouse03

        @Scrounger

        Hallo!

        Erstmal echt super Widgets. Danke dafür.
        Wie sieht es denn mit dem Dialog iframe Widget aus?
        Gibt es eine Alternative, wenn es in Zukunft entfernt werden soll?
        Bei dem neuen Dialog Widget können ja nur mehr Views angezeigt werden.
        Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

        Danke

        Grüße aus Österreich

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

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

        Wie sieht es denn mit dem Dialog iframe Widget aus?

        Kommt noch.

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

        Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

        Versteh nicht wie du das meinst. Bitte präzisieren.

        O D 2 Replies Last reply
        0
        • ScroungerS Scrounger

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

          Wie sieht es denn mit dem Dialog iframe Widget aus?

          Kommt noch.

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

          Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

          Versteh nicht wie du das meinst. Bitte präzisieren.

          D Offline
          D Offline
          DrHouse03
          wrote on last edited by
          #6

          @Scrounger
          Danke für die Rückmeldung.
          Ich habe mehrere Temperaturen und wenn ich das Dialog View Widget nehmen würde, müsste ich ja für jede Temperatur einen View anlegen in dem ich dann das IFrame platziere. Wenn ich dann auf eine Temperatur klicke sollte sich der Dialog mit dem richtigen IFrame öffnen.

          Ich hoffe es ist verständlich.

          1 Reply Last reply
          0
          • S Offline
            S Offline
            Strobelix
            wrote on last edited by
            #7

            Ich hab ein Problem mit den neuen Dialogview Buttons.
            Die reagieren nur am Rand. Dort wo das Icon sitzt, also mittig, reagiert der Button nicht.
            Hat das Problem noch jemand?
            Tritt bei ios sowie Safari Mac auf

            Raspberrymatic, Homematic & Homematic IP Aktoren, ioBroker auf NUC i3, Nuki, Harmony Hub, Digitalstrom, Diverse Sonoff (Tasmota) und Shellies

            S 1 Reply Last reply
            0
            • S Strobelix

              Ich hab ein Problem mit den neuen Dialogview Buttons.
              Die reagieren nur am Rand. Dort wo das Icon sitzt, also mittig, reagiert der Button nicht.
              Hat das Problem noch jemand?
              Tritt bei ios sowie Safari Mac auf

              S Offline
              S Offline
              Strobelix
              wrote on last edited by
              #8

              @Strobelix said in Material Design Widgets: Dialog View Widget:

              Ich hab ein Problem mit den neuen Dialogview Buttons.
              Die reagieren nur am Rand. Dort wo das Icon sitzt, also mittig, reagiert der Button nicht.
              Hat das Problem noch jemand?
              Tritt bei ios sowie Safari Mac auf

              Hat sich erledigt, Erhöhung des z-Index hat geholfen

              Raspberrymatic, Homematic & Homematic IP Aktoren, ioBroker auf NUC i3, Nuki, Harmony Hub, Digitalstrom, Diverse Sonoff (Tasmota) und Shellies

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          734

                                          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