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.2k

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.
  • 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 Offline
                          M Offline
                          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
                                • 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
                                  schrieb am zuletzt editiert von
                                  #28

                                  @AxelF1977 Vielen Dank im Voraus. Bin schon sehr gespannt

                                  1 Antwort Letzte Antwort
                                  0
                                  • ScroungerS Scrounger

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

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

                                    @Scrounger

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

                                    @Scrounger
                                    Hallo, ich habe die neue Version installiert das Problem besteht leider weiterhin.

                                    Deine Einstellung sind falsch. Du musst den Widgets in der View die du dem Dialog zugerodnet hast raltive breiten geben, also mit % arbeiten.

                                    0d744843-dba3-44ae-9c00-2ac376e64ffc-grafik.png

                                    C Offline
                                    C Offline
                                    Conquest
                                    schrieb am zuletzt editiert von
                                    #29

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

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

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

                                    @Scrounger

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

                                    @Scrounger
                                    Hallo, ich habe die neue Version installiert das Problem besteht leider weiterhin.

                                    Deine Einstellung sind falsch. Du musst den Widgets in der View die du dem Dialog zugerodnet hast raltive breiten geben, also mit % arbeiten.

                                    0d744843-dba3-44ae-9c00-2ac376e64ffc-grafik.png

                                    Funktioniert jetzt. Das Problem war das view in Widget 8.

                                    1 Antwort Letzte Antwort
                                    0
                                    • O Oli

                                      @Scrounger

                                      ich habe mal wieder Fragen zum Widget.

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

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

                                      Jqui Dialog Widget:

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

                                      Dein Dialog Widget:

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

                                      B Offline
                                      B Offline
                                      bommel_030
                                      schrieb am zuletzt editiert von
                                      #30

                                      @Oli
                                      Hattest du ein issue zum schließen erstellt?
                                      @Scrounger
                                      Was genau hab ich denn unter "fullscreenResolutionlower" zu verstehen?
                                      Lasse ich es beim Wetter Dialog auf den eingestellten 672 ist füllt das PopUp auf dem Handy die gesamte Breite aus.
                                      Allerdings werden Kopf- und Fußzeile nicht angezeigt. Setze ich den Wert auf 0 bzw. leer, dann sehe ich Kopf- und Fußzeile, aber trotz Breite von 100% werden auf dem Handy nur ca. 80% verwendet.

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • B bommel_030

                                        @Oli
                                        Hattest du ein issue zum schließen erstellt?
                                        @Scrounger
                                        Was genau hab ich denn unter "fullscreenResolutionlower" zu verstehen?
                                        Lasse ich es beim Wetter Dialog auf den eingestellten 672 ist füllt das PopUp auf dem Handy die gesamte Breite aus.
                                        Allerdings werden Kopf- und Fußzeile nicht angezeigt. Setze ich den Wert auf 0 bzw. leer, dann sehe ich Kopf- und Fußzeile, aber trotz Breite von 100% werden auf dem Handy nur ca. 80% verwendet.

                                        ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        schrieb am zuletzt editiert von
                                        #31

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

                                        Was genau hab ich denn unter "fullscreenResolutionlower" zu verstehen?

                                        Darüber steuert man, ob der Dialog im fullscreen (siehe erster Post 2. Scrennshot) geöffnet wird ober nicht. Wenn du hier z.B. 400 Eeinträgst, dann wir der Fullscreen Dialog angezeigt, wenn die Auflösungsbreite des screens kleiner 400px ist -> z.B. Handy Hochformat

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

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

                                        O 1 Antwort Letzte Antwort
                                        1
                                        • Thomas SchulzeT Offline
                                          Thomas SchulzeT Offline
                                          Thomas Schulze
                                          schrieb am zuletzt editiert von
                                          #32

                                          Hallo,

                                          ich würde gerne die Dialog-View bei best. events autom. öffnen lassen(via VIS "Command for vis" + "Data for control vis"). Leider funktioniert das mit der "material-design-widgets-dialog-view" nicht sondern nur mit den "Standard-Dialog-Widgets" in VIS. Gibt es da vlt. ein Workaround wie ich das bewerkstelligen kann?

                                          Danke im Voraus!

                                          ScroungerS 1 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

                                          484

                                          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