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

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    905

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Dialogs Widget

Scheduled Pinned Locked Moved Visualisierung
vis
83 Posts 27 Posters 14.7k 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.
  • 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 Offline
    M Offline
    micklafisch
    wrote on last edited by
    #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 Reply Last reply
    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
      wrote on last edited by
      #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 Reply Last reply
      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
        wrote on last edited by
        #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 Reply Last reply
        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
          wrote on last edited by 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 Reply Last reply
          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
            wrote on last edited by
            #75

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

            Gruß
            Christian

            1 Reply Last reply
            0
            • D3ltoroxpD Offline
              D3ltoroxpD Offline
              D3ltoroxp
              wrote on last edited by 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 Reply Last reply
              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 Offline
                M Offline
                micklafisch
                wrote on last edited by
                #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 Reply Last reply
                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
                  wrote on last edited by Christianxxxx
                  #78

                  gelöscht

                  1 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    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
                      wrote on last edited by
                      #80

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

                      1 Reply Last reply
                      0
                      • chb80C Offline
                        chb80C Offline
                        chb80
                        wrote on last edited by
                        #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 Reply Last reply
                        0
                        • F Offline
                          F Offline
                          fritzke316
                          wrote on last edited by
                          #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 Reply Last reply
                          0
                          • R Offline
                            R Offline
                            radiorichter
                            wrote on last edited by
                            #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 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

                            353

                            Online

                            32.6k

                            Users

                            82.2k

                            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