Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

Material Design Widgets: Dialogs Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
83 Beiträge 27 Kommentatoren 13.7k Aufrufe 30 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • IccubeI Offline
      IccubeI Offline
      Iccube
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • C Offline
        C Offline
        Conquest
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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

          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

          C IccubeI 2 Antworten Letzte Antwort
          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
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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.

                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                  AxelF1977A 1 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • C Offline
                      C Offline
                      Conquest
                      schrieb am zuletzt editiert von
                      #17

                      @Scrounger

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

                      ScroungerS C 2 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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.

                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                        C 1 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #20

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

                            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                            C 1 Antwort Letzte Antwort
                            0
                            • ScroungerS Scrounger

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

                              C Offline
                              C Offline
                              Conquest
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • AxelF1977A Offline
                                AxelF1977A Offline
                                AxelF1977
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • M Online
                                    M Online
                                    micklafisch
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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

                                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                      C 1 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #26

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

                                        AxelF1977A 1 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          525

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe