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

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

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.
  • 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
              • C c.radi

                @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 Online
                M Online
                micklafisch
                schrieb am zuletzt editiert von
                #71

                @c-radi
                schon einmal ein neues Projekt zum testen versucht? 2 Views - die erste mit dem Dialog Button und die zweite View mit der zu öffnenden Ansicht.

                Es muss kein besonderes Widget in die zweite View - leg zum Testen einfach ein z.B. HTML Widget mit etwas text rein.

                Ansonsten Update auf die aktuellste Version im latest getestet?

                C 1 Antwort Letzte Antwort
                0
                • M micklafisch

                  @c-radi
                  schon einmal ein neues Projekt zum testen versucht? 2 Views - die erste mit dem Dialog Button und die zweite View mit der zu öffnenden Ansicht.

                  Es muss kein besonderes Widget in die zweite View - leg zum Testen einfach ein z.B. HTML Widget mit etwas text rein.

                  Ansonsten Update auf die aktuellste Version im latest getestet?

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

                  @micklafisch
                  Hallo, vielen Dank für den Hinweis und die Idee mit der aktuellen Version.
                  Nur eine neue leere View anzulegen hat nicht ausgereicht, aber mit der aktuellen Beta Version scheint es zu funktionieren.

                  Leider werden mir jetzt alle Farben nicht mehr angezeigt, also die Buttons sind grau und die Schrift schwarz, aber das werde ich wohl noch finden.

                  Gruß
                  Christian

                  C 1 Antwort Letzte Antwort
                  0
                  • C c.radi

                    @micklafisch
                    Hallo, vielen Dank für den Hinweis und die Idee mit der aktuellen Version.
                    Nur eine neue leere View anzulegen hat nicht ausgereicht, aber mit der aktuellen Beta Version scheint es zu funktionieren.

                    Leider werden mir jetzt alle Farben nicht mehr angezeigt, also die Buttons sind grau und die Schrift schwarz, aber das werde ich wohl noch finden.

                    Gruß
                    Christian

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

                    @c-radi
                    oh, bei Update auf die lates-Version haben meine Widgets die Einstellungen für Primär- und Sekundärfarbe verloren.

                    Das muss ich jetzt aus einem Backup zurückholen.

                    Gruß
                    Christian

                    C 1 Antwort Letzte Antwort
                    0
                    • C c.radi

                      @c-radi
                      oh, bei Update auf die lates-Version haben meine Widgets die Einstellungen für Primär- und Sekundärfarbe verloren.

                      Das muss ich jetzt aus einem Backup zurückholen.

                      Gruß
                      Christian

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

                      @c-radi
                      Mist, da ist wohl mehr kaputt. Einfach nur das Backup des Views zurückspielen reicht nicht aus.
                      Im VIS Editor werden die Farben nicht angezeigt, im json sind die aber enthalten:

                      Ansicht VIS Editor 5.png

                      "w00291_00_Navigation": {
                              "tpl": "tplVis-materialdesign-Button-Navigation",
                              "data": {
                                "g_fixed": true,
                                "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",
                                "buttonStyle": "raised",
                                "vibrateOnMobilDevices": "50",
                                "clickSoundVolume": "0.5",
                                "buttontext": "Rolladen",
                                "textFontFamily": "var(--materialdesign-widget-theme-font-button-default-text)",
                                "textFontSize": "var(--materialdesign-widget-theme-font-size-button-default-text)",
                                "mdwButtonPrimaryColor": "var(--materialdesign-widget-theme-color-default-13)",
                                "mdwButtonSecondaryColor": "var(--materialdesign-widget-theme-color-button-default-secondary)",
                                "image": "window-shutter",
                                "iconPosition": "left",
                                "signals-cond-0": "==",
                      

                      Neustart ioBroker und Adapter neu Aufbauen hat keine Änderung gebracht.
                      Jetzt bin ich etwas ratlos.

                      Gruß
                      Christian

                      C 1 Antwort Letzte Antwort
                      0
                      • C c.radi

                        @c-radi
                        Mist, da ist wohl mehr kaputt. Einfach nur das Backup des Views zurückspielen reicht nicht aus.
                        Im VIS Editor werden die Farben nicht angezeigt, im json sind die aber enthalten:

                        Ansicht VIS Editor 5.png

                        "w00291_00_Navigation": {
                                "tpl": "tplVis-materialdesign-Button-Navigation",
                                "data": {
                                  "g_fixed": true,
                                  "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",
                                  "buttonStyle": "raised",
                                  "vibrateOnMobilDevices": "50",
                                  "clickSoundVolume": "0.5",
                                  "buttontext": "Rolladen",
                                  "textFontFamily": "var(--materialdesign-widget-theme-font-button-default-text)",
                                  "textFontSize": "var(--materialdesign-widget-theme-font-size-button-default-text)",
                                  "mdwButtonPrimaryColor": "var(--materialdesign-widget-theme-color-default-13)",
                                  "mdwButtonSecondaryColor": "var(--materialdesign-widget-theme-color-button-default-secondary)",
                                  "image": "window-shutter",
                                  "iconPosition": "left",
                                  "signals-cond-0": "==",
                        

                        Neustart ioBroker und Adapter neu Aufbauen hat keine Änderung gebracht.
                        Jetzt bin ich etwas ratlos.

                        Gruß
                        Christian

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

                        @c-radi was auch immer hier beim Update passiert ist, ich weiss es nicht.
                        Habe nun manuell die Einstellungen wiederhergestellt.

                        Gruß
                        Christian

                        1 Antwort Letzte Antwort
                        0
                        • D3ltoroxpD Offline
                          D3ltoroxpD Offline
                          D3ltoroxp
                          schrieb am zuletzt editiert von D3ltoroxp
                          #76

                          Ich hätte hier zu auch mal eine Frage. Ich möchte mir ein Art Menu bauen, wenn ich den Button anklicke, soll ja dann die verlinkte View angezeigt werden.
                          Leider bekomme ich den Hintergrund nicht transparent.

                          38b67bc4-9be8-48ec-a804-3ce027df9175-grafik.png

                          Auch bekomme ich den Scrollbalken nicht weg. Was muss ich hierfür tun.

                          fe13051e-c023-482b-a685-904e25f76be5-grafik.png

                          Auch diesen Strich da unten bekomme ich nicht raus.

                          6017ae03-dbf3-4862-9460-739ff9367c71-grafik.png

                          M 1 Antwort Letzte Antwort
                          0
                          • D3ltoroxpD D3ltoroxp

                            Ich hätte hier zu auch mal eine Frage. Ich möchte mir ein Art Menu bauen, wenn ich den Button anklicke, soll ja dann die verlinkte View angezeigt werden.
                            Leider bekomme ich den Hintergrund nicht transparent.

                            38b67bc4-9be8-48ec-a804-3ce027df9175-grafik.png

                            Auch bekomme ich den Scrollbalken nicht weg. Was muss ich hierfür tun.

                            fe13051e-c023-482b-a685-904e25f76be5-grafik.png

                            Auch diesen Strich da unten bekomme ich nicht raus.

                            6017ae03-dbf3-4862-9460-739ff9367c71-grafik.png

                            M Online
                            M Online
                            micklafisch
                            schrieb am zuletzt editiert von
                            #77

                            @d3ltoroxp
                            es scheint als ist die View für das Menü kleiner als die Popupgröße.

                            Hast du im Menüview einen Rahmen oder auch eine Größenangabe drin? Exportiere mal die View und das Widget und stell es hier ein.

                            D3ltoroxpD 1 Antwort Letzte Antwort
                            0
                            • M maxthebr4in

                              Hallo,

                              gibt es eine Möglichkeit, die Position des Dialog einzustellen? Das zum Beispiel der Dialog sich direkt neben den Button öffnet?

                              lg
                              Max

                              ChristianxxxxC Offline
                              ChristianxxxxC Offline
                              Christianxxxx
                              schrieb am zuletzt editiert von Christianxxxx
                              #78

                              gelöscht

                              1 Antwort Letzte Antwort
                              0
                              • M maxthebr4in

                                Hallo,

                                gibt es eine Möglichkeit, die Position des Dialog einzustellen? Das zum Beispiel der Dialog sich direkt neben den Button öffnet?

                                lg
                                Max

                                ChristianxxxxC Offline
                                ChristianxxxxC Offline
                                Christianxxxx
                                schrieb am zuletzt editiert von
                                #79

                                @maxthebr4in said in Material Design Widgets: Dialogs Widget:

                                Hallo,

                                gibt es eine Möglichkeit, die Position des Dialog einzustellen? Das zum Beispiel der Dialog sich direkt neben den Button öffnet?

                                lg
                                Max

                                @Scrounger Das interessiert mich auch, gibts dazu was? LG Christian

                                1 Antwort Letzte Antwort
                                0
                                • M micklafisch

                                  @d3ltoroxp
                                  es scheint als ist die View für das Menü kleiner als die Popupgröße.

                                  Hast du im Menüview einen Rahmen oder auch eine Größenangabe drin? Exportiere mal die View und das Widget und stell es hier ein.

                                  D3ltoroxpD Offline
                                  D3ltoroxpD Offline
                                  D3ltoroxp
                                  schrieb am zuletzt editiert von
                                  #80

                                  @micklafisch Das hat sich erst mal erledigt, ich versuche das über das TopAppBar Widget zu lösen...

                                  1 Antwort Letzte Antwort
                                  0
                                  • chb80C Offline
                                    chb80C Offline
                                    chb80
                                    schrieb am zuletzt editiert von
                                    #81

                                    unterstützt das Dialog-Widget die Einbindung als HTML-Widget oder ist das auf der Roadmap? Ich würde den gerne in einer dynamisch generierten Liste verwenden, aber es gibt den "HTML-Widget generieren"-Button nicht, und erste manuelle Versuche funktionieren nicht wirklich...

                                    PS, da dies mein erster Post hier ist: Ganz großartige Widgets! Bin nur dafür auf das Beta-Repository gewechselt.

                                    1 Antwort Letzte Antwort
                                    0
                                    • F Online
                                      F Online
                                      fritzke316
                                      schrieb am zuletzt editiert von
                                      #82

                                      Hallo
                                      verwendet jemand von euch dass Dialog Widget zusammen mit dem Materialdesign CSS V2 von Uhula und kann mir weiterhelfen?

                                      Wenn ich das Dialog Widget des Material Design Adapters verwende, dann werden mir die Inhalte des Widgets nicht mit der richtigen Farbe angezeigt, weis jemend was ich einstellen muss damit das nicht so ist? Ich denke es liegt an den Globalen CSS Anweisungen des Material CSS von Uhula, ich kenne mich mit CSS aber so gar nicht aus und weis nicht wo ich was anpassen muss!!

                                      Danke für eure Hilfe

                                      1 Antwort Letzte Antwort
                                      0
                                      • R Offline
                                        R Offline
                                        radiorichter
                                        schrieb am zuletzt editiert von
                                        #83

                                        Hallo Beisammen,

                                        ich hätte noch eine Frage zum auto close eines Dialogs. Ich habe hier folgendes gefunden.

                                        View Dialog - auto close · Issue #132 · Scrounger/ioBroker.vis-materialdesign · GitHub

                                        Das würde ich ja bedeuten, ich müsste für jeden Dialog den ich öffnen möchte einen Datenpunkt anlegen, dann anstelle des "dialog buttons" einen toggle button einfügen auf den dann getriggert wird. Und zusätzlich in jeden Dialog einen Button einfügen, welcher den Dialog schließen wieder triggert, und dann noch für jeden Dialog ein Skript welches den Datenpunkt nach einer gewissen Zeit wieder zurückstellt, richtig?

                                        Mir würde schon reichen, wenn ich sozusagen nach x minuten auf meine Startseite zurückspringe. Meine Vis ist nämlich so aufgebaut, dass ich nur eine Main View habe und von dort aus nur Dialoge aufmache, keine Seitenmenü oder ähnliches.

                                        Vielleicht gibts ja nen Trick das ganze zu umgehen 😉

                                        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

                                        913

                                        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