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
    24
    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.6k

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.
  • O Oli

    @Scrounger

    ich habe mal wieder Fragen zum Widget.

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

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

    Jqui Dialog Widget:

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

    Dein Dialog Widget:

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

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

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

    O 1 Reply Last reply
    0
    • G gluecksmann

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

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

      @gluecksmann

      sorry, aber welches Widget meinst du?

      Gruß
      Oliver

      G 1 Reply Last reply
      0
      • O Oli

        @gluecksmann

        sorry, aber welches Widget meinst du?

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

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

        O GlasfaserG 2 Replies Last reply
        0
        • G gluecksmann

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

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

          @gluecksmann

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

          Gruß
          Oliver

          G 1 Reply Last reply
          0
          • O Oli

            @gluecksmann

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

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

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

            1 Reply Last reply
            0
            • G gluecksmann

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

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

              @gluecksmann sagte in Material Design Widgets: Dialogs Widget:

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

              @oli das Jqui Dialog Widget ganz am Anfang ... mit dem Wetter ....
              @oli verstehe ich gerade überhaupt nicht... als Neuling...

              Bei dir ist es alles zweideutig :

              Meinst du das im Threadstart von @Oli

              https://forum.iobroker.net/topic/31870/material-design-widgets-dialogs-widget/2

              mit den Wetter Symbolen und dieses View willst du haben !?

              Ansonsten wenn du das Widget meinst was @Oli dir gesagt hat , schau dir das an :

              Wie man es installiert steht auch drin .
              https://www.smarthome-tricks.de/iobroker-vis-material-design/

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

              G 1 Reply Last reply
              0
              • GlasfaserG Glasfaser

                @gluecksmann sagte in Material Design Widgets: Dialogs Widget:

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

                @oli das Jqui Dialog Widget ganz am Anfang ... mit dem Wetter ....
                @oli verstehe ich gerade überhaupt nicht... als Neuling...

                Bei dir ist es alles zweideutig :

                Meinst du das im Threadstart von @Oli

                https://forum.iobroker.net/topic/31870/material-design-widgets-dialogs-widget/2

                mit den Wetter Symbolen und dieses View willst du haben !?

                Ansonsten wenn du das Widget meinst was @Oli dir gesagt hat , schau dir das an :

                Wie man es installiert steht auch drin .
                https://www.smarthome-tricks.de/iobroker-vis-material-design/

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

                @glasfaser Ja, meine das im Threatstart. Suche etwas was nicht so überladen ist...wo gleich wieder mehrere Adapter eingebunden werden usw

                1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @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

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

                  @Scrounger

                  leider öffnet sich in der Version 0.5.49 kein Dialogfenster mehr, es wird nur der Rahmen angezeigt. Mit dem jqui Dialog Button funktioniert alles.

                  In der Konsole steht leider auch nichts.

                  Anbei mal ein erstelltes Vis Projekt

                  2021-10-07-Test.zip

                  Gruß
                  Oliver

                  ScroungerS 1 Reply Last reply
                  0
                  • O Oli

                    @Scrounger

                    leider öffnet sich in der Version 0.5.49 kein Dialogfenster mehr, es wird nur der Rahmen angezeigt. Mit dem jqui Dialog Button funktioniert alles.

                    In der Konsole steht leider auch nichts.

                    Anbei mal ein erstelltes Vis Projekt

                    2021-10-07-Test.zip

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

                    @oli
                    0.5.49 hab ich ja noch gar nett veröffentlicht - ist Alpha bzw Arbeitsstand. Bitte noch etwas gedulden, mach bevor es ins latest kommt wieder ne Testphase

                    C 1 Reply Last reply
                    1
                    • ScroungerS Scrounger

                      @oli
                      0.5.49 hab ich ja noch gar nett veröffentlicht - ist Alpha bzw Arbeitsstand. Bitte noch etwas gedulden, mach bevor es ins latest kommt wieder ne Testphase

                      C Offline
                      C Offline
                      c.radi
                      wrote on last edited by
                      #57

                      Hallo,

                      ich bin noch recht neu im ioBroker, würde aber gerne diese Widgets aus dem MaterialDesign Paket verwenden.
                      Ich finde die Umsetzung einfach super schön und schlicht.

                      Aber hierbei stelle ich mich etwas doof an.
                      Ich ziehe auf eine View den "Dialog". Dort trage ich gleich oben den Namen der View ein, die angeziegt werden soll, und gebe im Abschnitt "Button Layout" noch einen Namen.
                      Dann müsste doch ein Popup aufgehen, welches den eingetragen View anzeigt. Das geht bei mir aber leider nicht.

                      Die aufzurufende View ist nichts besonders, nur in der Größe auf 500x500 Pixel gesetzt.

                      Was mache ich hier falsch?

                      Gruß
                      Christian

                      C 1 Reply Last reply
                      0
                      • C c.radi

                        Hallo,

                        ich bin noch recht neu im ioBroker, würde aber gerne diese Widgets aus dem MaterialDesign Paket verwenden.
                        Ich finde die Umsetzung einfach super schön und schlicht.

                        Aber hierbei stelle ich mich etwas doof an.
                        Ich ziehe auf eine View den "Dialog". Dort trage ich gleich oben den Namen der View ein, die angeziegt werden soll, und gebe im Abschnitt "Button Layout" noch einen Namen.
                        Dann müsste doch ein Popup aufgehen, welches den eingetragen View anzeigt. Das geht bei mir aber leider nicht.

                        Die aufzurufende View ist nichts besonders, nur in der Größe auf 500x500 Pixel gesetzt.

                        Was mache ich hier falsch?

                        Gruß
                        Christian

                        C Offline
                        C Offline
                        c.radi
                        wrote on last edited by
                        #58

                        Ich ergänze meine Frage mal mit einigen Screenshots, dann wird es klarer, was ich meine:

                        Ansicht im Editor für den Button:
                        Ansicht VIS Editor.png

                        Ansicht für die Sub-Seite:
                        Ansicht VIS Editor 2.png

                        Ergebnis in der Webansicht:
                        Ansicht Web.png

                        Ich finde leider nicht raus, was ich hier falsch mache.

                        Gruß
                        Christian

                        GlasfaserG 1 Reply Last reply
                        0
                        • C c.radi

                          Ich ergänze meine Frage mal mit einigen Screenshots, dann wird es klarer, was ich meine:

                          Ansicht im Editor für den Button:
                          Ansicht VIS Editor.png

                          Ansicht für die Sub-Seite:
                          Ansicht VIS Editor 2.png

                          Ergebnis in der Webansicht:
                          Ansicht Web.png

                          Ich finde leider nicht raus, was ich hier falsch mache.

                          Gruß
                          Christian

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

                          @c-radi

                          Wie sind die Einstellungen in Layout Dialog Breite / Höhe

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

                          C 1 Reply Last reply
                          0
                          • GlasfaserG Glasfaser

                            @c-radi

                            Wie sind die Einstellungen in Layout Dialog Breite / Höhe

                            C Offline
                            C Offline
                            c.radi
                            wrote on last edited by c.radi
                            #60

                            Ansicht VIS Editor 3.png

                            Die rote für die Größe des Dialogs ist leer. Aber auch wenn ich da etwas wie zB 550px eintrage wird der Dialog angezeigt, aber nicht der Inhalt der Seite.

                            Dies gelbe Einstellung ist doch aber für die Größe des Buttons, oder?

                            Gruß
                            Christian

                            GlasfaserG 1 Reply Last reply
                            0
                            • C c.radi

                              Ansicht VIS Editor 3.png

                              Die rote für die Größe des Dialogs ist leer. Aber auch wenn ich da etwas wie zB 550px eintrage wird der Dialog angezeigt, aber nicht der Inhalt der Seite.

                              Dies gelbe Einstellung ist doch aber für die Größe des Buttons, oder?

                              Gruß
                              Christian

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

                              @c-radi

                              Trage bitte die Werte bei Layout Dialog ein , aber ohne px und den Z-Index auf 100

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

                              C 1 Reply Last reply
                              0
                              • GlasfaserG Glasfaser

                                @c-radi

                                Trage bitte die Werte bei Layout Dialog ein , aber ohne px und den Z-Index auf 100

                                C Offline
                                C Offline
                                c.radi
                                wrote on last edited by
                                #62

                                Danke für die Hilfe.

                                Ich habe jetzt mal Prozentwerte eingetragen, aber leider ändert das nichts am Ergebnis
                                Ansicht VIS Editor 4.png

                                GlasfaserG 1 Reply Last reply
                                0
                                • C c.radi

                                  Danke für die Hilfe.

                                  Ich habe jetzt mal Prozentwerte eingetragen, aber leider ändert das nichts am Ergebnis
                                  Ansicht VIS Editor 4.png

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

                                  @c-radi sagte in Material Design Widgets: Dialogs Widget:

                                  ber leider ändert das nichts am Ergebnis

                                  Kann selber gerade nicht testen bzw. bei mir nachsehen ...

                                  Ohne % Zeichen eintragen
                                  und im oberen Screenshot war mit px , kann man das umstellen .

                                  640209d2-8ac1-48f0-94ca-92330ade9d64-grafik.png

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

                                  C 1 Reply Last reply
                                  0
                                  • GlasfaserG Glasfaser

                                    @c-radi sagte in Material Design Widgets: Dialogs Widget:

                                    ber leider ändert das nichts am Ergebnis

                                    Kann selber gerade nicht testen bzw. bei mir nachsehen ...

                                    Ohne % Zeichen eintragen
                                    und im oberen Screenshot war mit px , kann man das umstellen .

                                    640209d2-8ac1-48f0-94ca-92330ade9d64-grafik.png

                                    C Offline
                                    C Offline
                                    c.radi
                                    wrote on last edited by
                                    #64

                                    @glasfaser Ich kann den Wert entweder mit % oder px eintragen. Dazu kann man auf das entsprechende Zeichen hinten draufklicken, dann wird zwischen den Werten umgeschaltet.
                                    Ich habe jetzt beides ausprobiert, 100% und 550px.

                                    Trotzdem wird die View nicht angezeigt.

                                    Meine View ist auf eine Größe von 550x500px eingestellt. Dadurch wird ja der rote Rahmen in der View generiert.

                                    Irgend wo habe ich noch einen Fehler, den ich nicht erkenne. Leider schaffe ich es auch nicht die Demo lauffähig zu importieren, um mir dort etwas abzugucken.

                                    Gruß
                                    Christian

                                    GlasfaserG 1 Reply Last reply
                                    0
                                    • C c.radi

                                      @glasfaser Ich kann den Wert entweder mit % oder px eintragen. Dazu kann man auf das entsprechende Zeichen hinten draufklicken, dann wird zwischen den Werten umgeschaltet.
                                      Ich habe jetzt beides ausprobiert, 100% und 550px.

                                      Trotzdem wird die View nicht angezeigt.

                                      Meine View ist auf eine Größe von 550x500px eingestellt. Dadurch wird ja der rote Rahmen in der View generiert.

                                      Irgend wo habe ich noch einen Fehler, den ich nicht erkenne. Leider schaffe ich es auch nicht die Demo lauffähig zu importieren, um mir dort etwas abzugucken.

                                      Gruß
                                      Christian

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

                                      @c-radi

                                      nimm mal sein Widget und ändere nur die View bzw. eventuell mal eine andere View auswählen .

                                      https://forum.iobroker.net/topic/31870/material-design-widgets-dialogs-widget/12

                                      EDIT :
                                      Welche Material Design Version hast du !?

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

                                      C 1 Reply Last reply
                                      0
                                      • GlasfaserG Glasfaser

                                        @c-radi

                                        nimm mal sein Widget und ändere nur die View bzw. eventuell mal eine andere View auswählen .

                                        https://forum.iobroker.net/topic/31870/material-design-widgets-dialogs-widget/12

                                        EDIT :
                                        Welche Material Design Version hast du !?

                                        C Offline
                                        C Offline
                                        c.radi
                                        wrote on last edited by c.radi
                                        #66

                                        @glasfaser
                                        Probiere ich aus.
                                        Edit: Leider wird die View auch nicht angezeigt. Vielleicht hbe ich in der View ein Problem, nicht im Button?

                                        Meine Version ist 1.7.2, also aktuelle Stand im Standard-Repo

                                        Gruß
                                        Christian

                                        GlasfaserG 2 Replies Last reply
                                        0
                                        • C c.radi

                                          @glasfaser
                                          Probiere ich aus.
                                          Edit: Leider wird die View auch nicht angezeigt. Vielleicht hbe ich in der View ein Problem, nicht im Button?

                                          Meine Version ist 1.7.2, also aktuelle Stand im Standard-Repo

                                          Gruß
                                          Christian

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

                                          @c-radi sagte in Material Design Widgets: Dialogs Widget:

                                          Meine Version ist 1.7.2, also aktuelle Stand im Standard-Repo

                                          Es gibt aber nur im

                                          latest: 0.5.9

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

                                          C 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

                                          708

                                          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