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

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

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

Material Design Widgets: Dialogs Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
83 Beiträge 27 Kommentatoren 13.8k 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.
  • G gluecksmann

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

    O Online
    O Online
    Oli
    schrieb am zuletzt editiert von
    #51

    @gluecksmann

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

    Gruß
    Oliver

    G 1 Antwort Letzte Antwort
    0
    • O Oli

      @gluecksmann

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

      G Offline
      G Offline
      gluecksmann
      schrieb am zuletzt editiert von
      #52

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

      1 Antwort Letzte Antwort
      0
      • G gluecksmann

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

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #54

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

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

              <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
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • GlasfaserG Glasfaser

                      @c-radi

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

                      C Offline
                      C Offline
                      c.radi
                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • GlasfaserG Glasfaser

                                      @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

                                      C Offline
                                      C Offline
                                      c.radi
                                      schrieb am zuletzt editiert von
                                      #68

                                      @glasfaser said in Material Design Widgets: Dialogs Widget:

                                      .5.9

                                      sorry im falschen Adapter geschaut: 0.5.69 ist die korrekte Version.

                                      Gruß
                                      Christian

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

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

                                        Vielleicht hbe ich in der View ein Problem,

                                        Deshalb solltest du auch mal mit einem anderen View es versuchen ( eventuell eine neue leere View )

                                        Eventuell , liegt es auch an dem Browser , anderen mal genutzt .

                                        Du kannst auch den Debug für das Widget anschalten und in der Browser-Konsole ( F12 ) nachsehen .

                                        6dd64bfc-3e3e-4cfe-b3a0-43b080bf453a-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 Antwort Letzte Antwort
                                        0
                                        • GlasfaserG Glasfaser

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

                                          Vielleicht hbe ich in der View ein Problem,

                                          Deshalb solltest du auch mal mit einem anderen View es versuchen ( eventuell eine neue leere View )

                                          Eventuell , liegt es auch an dem Browser , anderen mal genutzt .

                                          Du kannst auch den Debug für das Widget anschalten und in der Browser-Konsole ( F12 ) nachsehen .

                                          6dd64bfc-3e3e-4cfe-b3a0-43b080bf453a-grafik.png

                                          C Offline
                                          C Offline
                                          c.radi
                                          schrieb am zuletzt editiert von
                                          #70

                                          @glasfaser Ich habe das mit den Dev Tools getestet:
                                          Dort bekomme ich zwei Warnungen:

                                          DevTools failed to load source map: Could not load content for http://192.168.114.220:8082/lib/js/socket.io.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                                          
                                          vis-materialdesign: click audio file '/vis.0/materialdesign-widgets-click-sound.mp3' not exists!
                                          

                                          Die zweite Warnung ist sicher ohne Auswirkung, aber bei der ersten Warnung kann ich es nicht einschätzen.

                                          Drücke ich den Button erhalte ich im Log folgenden Eintrag (habe eine neue View ohne weitere Einstellungen, nur mit einem Button drauf erzeugt):

                                          [Dialog w00140] [waitForElement] it took 0ms to wait for the element '#visview_Test'
                                          

                                          Ich teste mit Chrome für Wondows, Safari unter iPadOS und FullyKioskBrowser auf Android. Am Browser würde ich sagen liegt es nicht.
                                          Muss auf der anzuzeigenden Seite ein besonders Widget drauf sein, damit das funktioniert, oder wird da einfach eine Seite angezeigt, egal welcher Inhalt?

                                          Ich habe noch mal das Widget für iFrame getestet, und dort einfach die anzuzeigende Seite eingetragen. Das funktioniert.

                                          Gruß
                                          Christian

                                          M 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

                                          598

                                          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