Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Dialogs Widget

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

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

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

Material Design Widgets: Dialogs Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
83 Beiträge 27 Kommentatoren 13.7k Aufrufe 30 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von Scrounger
    #1

    Dialog Widget | Dialog iFrame Widget

    dialog.gif dialog_fullscreen.gif

    Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

    Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

    • Dokumentation
    • Online Beispiel

    Themen zu anderen Widgets findest du hier!

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

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

    O AxelF1977A 2 Antworten Letzte Antwort
    2
    • ScroungerS Scrounger

      Dialog Widget | Dialog iFrame Widget

      dialog.gif dialog_fullscreen.gif

      Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

      Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

      • Dokumentation
      • Online Beispiel

      Themen zu anderen Widgets findest du hier!

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

      @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

      Gruß
      Oliver

      ScroungerS B G 3 Antworten Letzte Antwort
      0
      • O Oli

        @Scrounger

        ich habe mal wieder Fragen zum Widget.

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

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

        Jqui Dialog Widget:

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

        Dein Dialog Widget:

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

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

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

        @Scrounger

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

        Schreib bitte nen issue auf git.

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

        Puh schwierig das so zu bewerten
        overflow-y aktivieren bei hinterlegter view?
        height der hinterlegten view ist dynamisch - also 100%?
        Dialog height erhöhen?

        wenn beides nicht hilft bitte beispiel projekt machen, dann schau cih mir das mal an

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

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

        1 Antwort Letzte Antwort
        0
        • D Offline
          D Offline
          DrHouse03
          schrieb am zuletzt editiert von DrHouse03
          #4

          @Scrounger

          Hallo!

          Erstmal echt super Widgets. Danke dafür.
          Wie sieht es denn mit dem Dialog iframe Widget aus?
          Gibt es eine Alternative, wenn es in Zukunft entfernt werden soll?
          Bei dem neuen Dialog Widget können ja nur mehr Views angezeigt werden.
          Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

          Danke

          Grüße aus Österreich

          ScroungerS 1 Antwort Letzte Antwort
          0
          • D DrHouse03

            @Scrounger

            Hallo!

            Erstmal echt super Widgets. Danke dafür.
            Wie sieht es denn mit dem Dialog iframe Widget aus?
            Gibt es eine Alternative, wenn es in Zukunft entfernt werden soll?
            Bei dem neuen Dialog Widget können ja nur mehr Views angezeigt werden.
            Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

            Danke

            Grüße aus Österreich

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

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

            Wie sieht es denn mit dem Dialog iframe Widget aus?

            Kommt noch.

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

            Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

            Versteh nicht wie du das meinst. Bitte präzisieren.

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

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

            O D 2 Antworten Letzte Antwort
            0
            • ScroungerS Scrounger

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

              Wie sieht es denn mit dem Dialog iframe Widget aus?

              Kommt noch.

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

              Ich würde aber gerne vermeiden für jeden Temperaturverlauf eine View anzulegen.

              Versteh nicht wie du das meinst. Bitte präzisieren.

              D Offline
              D Offline
              DrHouse03
              schrieb am zuletzt editiert von
              #6

              @Scrounger
              Danke für die Rückmeldung.
              Ich habe mehrere Temperaturen und wenn ich das Dialog View Widget nehmen würde, müsste ich ja für jede Temperatur einen View anlegen in dem ich dann das IFrame platziere. Wenn ich dann auf eine Temperatur klicke sollte sich der Dialog mit dem richtigen IFrame öffnen.

              Ich hoffe es ist verständlich.

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                Strobelix
                schrieb am zuletzt editiert von
                #7

                Ich hab ein Problem mit den neuen Dialogview Buttons.
                Die reagieren nur am Rand. Dort wo das Icon sitzt, also mittig, reagiert der Button nicht.
                Hat das Problem noch jemand?
                Tritt bei ios sowie Safari Mac auf

                Raspberrymatic, Homematic & Homematic IP Aktoren, ioBroker auf NUC i3, Nuki, Harmony Hub, Digitalstrom, Diverse Sonoff (Tasmota) und Shellies

                S 1 Antwort Letzte Antwort
                0
                • S Strobelix

                  Ich hab ein Problem mit den neuen Dialogview Buttons.
                  Die reagieren nur am Rand. Dort wo das Icon sitzt, also mittig, reagiert der Button nicht.
                  Hat das Problem noch jemand?
                  Tritt bei ios sowie Safari Mac auf

                  S Offline
                  S Offline
                  Strobelix
                  schrieb am zuletzt editiert von
                  #8

                  @Strobelix said in Material Design Widgets: Dialog View Widget:

                  Ich hab ein Problem mit den neuen Dialogview Buttons.
                  Die reagieren nur am Rand. Dort wo das Icon sitzt, also mittig, reagiert der Button nicht.
                  Hat das Problem noch jemand?
                  Tritt bei ios sowie Safari Mac auf

                  Hat sich erledigt, Erhöhung des z-Index hat geholfen

                  Raspberrymatic, Homematic & Homematic IP Aktoren, ioBroker auf NUC i3, Nuki, Harmony Hub, Digitalstrom, Diverse Sonoff (Tasmota) und Shellies

                  1 Antwort Letzte Antwort
                  0
                  • IccubeI Offline
                    IccubeI Offline
                    Iccube
                    schrieb am zuletzt editiert von
                    #9

                    @Scrounger wie bekomme ich es eingestellt das der Hintergrund beim Scrollen gleich bleibt ?
                    Schilti Timer.gif

                    Und wie könnte ich das umsetzten das der Close Button immer im unteren Bereich bleibt?

                    ScroungerS 1 Antwort Letzte Antwort
                    0
                    • C Offline
                      C Offline
                      Conquest
                      schrieb am zuletzt editiert von
                      #10

                      @Scrounger

                      Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

                      1 Antwort Letzte Antwort
                      0
                      • IccubeI Iccube

                        @Scrounger wie bekomme ich es eingestellt das der Hintergrund beim Scrollen gleich bleibt ?
                        Schilti Timer.gif

                        Und wie könnte ich das umsetzten das der Close Button immer im unteren Bereich bleibt?

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

                        @Iccube
                        Das sieht ganz komisch bei dir aus.
                        Was steht in der console des browsers?

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

                        @Scrounger

                        Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

                        Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

                        <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 IccubeI 2 Antworten Letzte Antwort
                        0
                        • ScroungerS Scrounger

                          @Iccube
                          Das sieht ganz komisch bei dir aus.
                          Was steht in der console des browsers?

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

                          @Scrounger

                          Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

                          Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

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

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

                          Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

                          Bei mir öffnet er nicht in der Mitte.

                          screenshot-192.168.178.46_8082-2020.05.08-16_29_14.png

                          Hier noch die Einstellungen:

                          screenshot-192.168.178.46_8082-2020.05.08-15_17_27.png screenshot-192.168.178.46_8082-2020.05.08-15_16_33.png

                          [{"tpl":"tplVis-materialdesign-Vuetify-Dialog-View","data":{"g_fixed":false,"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","showDialogMethod":"button","fullscreenResolutionLower":"672","vibrateOnMobilDevices":"50","buttonStyle":"text","iconPosition":"left","closingClickOutside":true,"showTitle":true,"buttonPosition":"center","buttonSize":"medium","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"backgroundColor":"#2e2e2e","dialogMaxWidth":"1200","viewHeight":"650","contains_view":"101_D_Bundesliga","buttonFont":"RobotoCondensed-BoldItalic","buttonFontColor":"#44739e","buttonText":"Schliessen","headerBackgroundColor":"#212722","titleFont":"RobotoCondensed-BoldItalic","titleColor":"white","title":"Bundesliga","titleFontSize":"17","showDivider":true,"dividerColor":"white","overlayColor":"silver","overlayOpacity":"0.8","buttonFullWidth":true,"footerHeight":"40","headerHeight":"40","footerBackgroundColor":"#2e2e2e","buttonFontSize":"19"},"style":{"left":"720px","top":"462px","width":"553px","height":"260px","z-index":"30"},"widgetSet":"materialdesign"}]
                          

                          Danke schon mal für deine Hilfe.

                          1 Antwort Letzte Antwort
                          0
                          • ScroungerS Scrounger

                            @Iccube
                            Das sieht ganz komisch bei dir aus.
                            Was steht in der console des browsers?

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

                            @Scrounger

                            Hallo hätte eine Frage. Wo kann man einstellen an welcher Stelle sich der Dialog öffnet? Ich hätte ihn gerne in der Mitte des Displays.

                            Der Dialog öffnet immer in der Mitte des Screens, sofern du nicht die Fullscreen variante eingestellt hast. Zeig mal Bilder

                            IccubeI Offline
                            IccubeI Offline
                            Iccube
                            schrieb am zuletzt editiert von
                            #13

                            @Scrounger sorry das ich mich jetzt erst melde habe es aber nicht eher geschafft
                            Anbei der auszug aus der Browser console
                            fehler.png

                            1 Antwort Letzte Antwort
                            0
                            • ScroungerS Scrounger

                              Dialog Widget | Dialog iFrame Widget

                              dialog.gif dialog_fullscreen.gif

                              Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

                              Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

                              • Dokumentation
                              • Online Beispiel

                              Themen zu anderen Widgets findest du hier!

                              AxelF1977A Offline
                              AxelF1977A Offline
                              AxelF1977
                              schrieb am zuletzt editiert von AxelF1977
                              #14

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

                              dialog.gif dialog_fullscreen.gif

                              Ich suche jetzt 2 Tagen die Vorlage für das View für die Zustände der Adapter aus dem Beispiel. Ich finde es nicht mehr.
                              Hat einer den Link dazu?

                              Danke

                              ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                              ScroungerS 1 Antwort Letzte Antwort
                              0
                              • AxelF1977A AxelF1977

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

                                dialog.gif dialog_fullscreen.gif

                                Ich suche jetzt 2 Tagen die Vorlage für das View für die Zustände der Adapter aus dem Beispiel. Ich finde es nicht mehr.
                                Hat einer den Link dazu?

                                Danke

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

                                @AxelF1977
                                https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples

                                Auf der github seite von MDW findest fast alle infos zu Widgets, Forum Links, praltische beispiele, etc.

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

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

                                AxelF1977A 1 Antwort Letzte Antwort
                                1
                                • ScroungerS Scrounger

                                  @AxelF1977
                                  https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples

                                  Auf der github seite von MDW findest fast alle infos zu Widgets, Forum Links, praltische beispiele, etc.

                                  AxelF1977A Offline
                                  AxelF1977A Offline
                                  AxelF1977
                                  schrieb am zuletzt editiert von
                                  #16

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

                                  @AxelF1977
                                  https://github.com/Scrounger/ioBroker.vis-materialdesign#practical-examples

                                  Auf der github seite von MDW findest fast alle infos zu Widgets, Forum Links, praltische beispiele, etc.

                                  Danke!

                                  ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                                  1 Antwort Letzte Antwort
                                  0
                                  • C Offline
                                    C Offline
                                    Conquest
                                    schrieb am zuletzt editiert von
                                    #17

                                    @Scrounger

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

                                    ScroungerS C 2 Antworten Letzte Antwort
                                    0
                                    • C Conquest

                                      @Scrounger

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

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

                                      @Conquest
                                      Sorry bin ich noch nicht dazu gekommen.
                                      Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

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

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

                                      C 1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Scrounger

                                        @Conquest
                                        Sorry bin ich noch nicht dazu gekommen.
                                        Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

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

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

                                        @Conquest
                                        Sorry bin ich noch nicht dazu gekommen.
                                        Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

                                        Ok issue auf GitHub ist angelegt: https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/82

                                        Benötigst du mein komplettes Project als Export oder? Kann man nämlich leider nicht anonym Downloaden.

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • C Conquest

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

                                          @Conquest
                                          Sorry bin ich noch nicht dazu gekommen.
                                          Mach bitte ne issue bei GitHub, sonst vergesse ich das. Und ich brauche noch nen Export von deinem Projekt, weil ich nur mit dem wiget keinen Fehler finde.

                                          Ok issue auf GitHub ist angelegt: https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/82

                                          Benötigst du mein komplettes Project als Export oder? Kann man nämlich leider nicht anonym Downloaden.

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

                                          @Conquest
                                          Reicht auch ein Beispiel Projekt, wo der Fehler auftritt.

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

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

                                          C 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          498

                                          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