Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Dialogs Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: Dialogs Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @Iccube last edited by

      @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 Iccube 2 Replies Last reply Reply Quote 0
      • C
        Conquest @Scrounger last edited by Conquest

        @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 Reply Last reply Reply Quote 0
        • Iccube
          Iccube @Scrounger last edited by

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

          1 Reply Last reply Reply Quote 0
          • AxelF1977
            AxelF1977 @Scrounger last edited by 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

            Scrounger 1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @AxelF1977 last edited by

              @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.

              AxelF1977 1 Reply Last reply Reply Quote 1
              • AxelF1977
                AxelF1977 @Scrounger last edited by

                @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!

                1 Reply Last reply Reply Quote 0
                • C
                  Conquest last edited by

                  @Scrounger

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

                  Scrounger C 2 Replies Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @Conquest last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • C
                      Conquest @Scrounger last edited by

                      @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.

                      Starcon79 created this issue in Scrounger/ioBroker.vis-materialdesign

                      closed Dialog-Widget öffnet nicht in der Mitte des Bildschirms #82

                      Scrounger 1 Reply Last reply Reply Quote 0
                      • Scrounger
                        Scrounger Developer @Conquest last edited by

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

                        C 1 Reply Last reply Reply Quote 0
                        • C
                          Conquest @Scrounger last edited by

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

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

                          Ok hoffe das reicht ansonsten schicke ich mein komplettes.

                          2020-05-18-Fehler.zip

                          1 Reply Last reply Reply Quote 0
                          • AxelF1977
                            AxelF1977 last edited by

                            @Scrounger Wie bereits eben angekündigt, hier nochmal meine Probleme, evtl. hilft Dir das weiter

                            Manchmal erscheinen Popup (Dialoge) doppelt beim Öffnen

                            Screenshot_20200519-113056-upload.jpg

                            Screenshot_20200509-104535-upload.jpg

                            Nach einigen Dialogen die geöffnet wurden, gibt es teils 2 verschiedene Szenarien. Einmal gehen sie nicht mehr auf und der Dialog verliert die eingestellte Optik

                            Screenshot_20200519-113120-upload.jpg

                            Dann kann es passieren, dass der überlagernde dunkle Hintergrund nicht mehr weg geht, und auf der Seite überlagernd bleibt

                            normal
                            Screenshot_20200517-200210-upload1.jpg

                            überlagert
                            Screenshot_20200517-200210-upload2.jpg

                            Und wenn alles geht, sieht es so aus
                            Screenshot_20200519-120604-upload.jpg

                            H 1 Reply Last reply Reply Quote 0
                            • C
                              Conquest @Conquest last edited by

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

                              @Scrounger

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

                              @Scrounger
                              Hallo, ich habe die neue Version installiert das Problem besteht leider weiterhin.

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • M
                                micklafisch last edited by

                                Hallo Scrounger,

                                könntest du mir bitte zu diesem Thema: https://forum.iobroker.net/topic/23346/vorlage-variable-zeitsteuerung-mit-vis-editor/481 Hilfe leisten? Ich schaffe es nicht den Dialog View als Alternative zum "jqui container button" einzusetzen.

                                Danke schonmal.

                                1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @Conquest last edited by

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

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

                                  @Scrounger

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

                                  @Scrounger
                                  Hallo, ich habe die neue Version installiert das Problem besteht leider weiterhin.

                                  Deine Einstellung sind falsch. Du musst den Widgets in der View die du dem Dialog zugerodnet hast raltive breiten geben, also mit % arbeiten.

                                  0d744843-dba3-44ae-9c00-2ac376e64ffc-grafik.png

                                  C 1 Reply Last reply Reply Quote 0
                                  • H
                                    heinzie @AxelF1977 last edited by

                                    @AxelF1977 finde ich sehr gut gemacht deine Oberfläche.
                                    Würdest Du diese ggf. zur Verfügung stellen?

                                    AxelF1977 1 Reply Last reply Reply Quote 0
                                    • AxelF1977
                                      AxelF1977 @heinzie last edited by

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

                                      @AxelF1977 finde ich sehr gut gemacht deine Oberfläche.
                                      Würdest Du diese ggf. zur Verfügung stellen?

                                      Danke für das Lob!

                                      Prinzipiell kann ich das mal komplett zur Verfügung stellen. Ich muss mal sehen ob ich das anonymisiert exportieren kann.

                                      Sobald ich fertig bin, ich baue es gerade stark um, mache ich nochmal ein Vorstellungsthema auf, um es zu teilen.

                                      Wenn Du noch ein bisschen warten kannst, denke ich kann das klappen.

                                      VG

                                      H 1 Reply Last reply Reply Quote 0
                                      • H
                                        heinzie @AxelF1977 last edited by

                                        @AxelF1977 Vielen Dank im Voraus. Bin schon sehr gespannt

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          Conquest @Scrounger last edited by

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

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

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

                                          @Scrounger

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

                                          @Scrounger
                                          Hallo, ich habe die neue Version installiert das Problem besteht leider weiterhin.

                                          Deine Einstellung sind falsch. Du musst den Widgets in der View die du dem Dialog zugerodnet hast raltive breiten geben, also mit % arbeiten.

                                          0d744843-dba3-44ae-9c00-2ac376e64ffc-grafik.png

                                          Funktioniert jetzt. Das Problem war das view in Widget 8.

                                          1 Reply Last reply Reply Quote 0
                                          • B
                                            bommel_030 @Oli last edited by

                                            @Oli
                                            Hattest du ein issue zum schließen erstellt?
                                            @Scrounger
                                            Was genau hab ich denn unter "fullscreenResolutionlower" zu verstehen?
                                            Lasse ich es beim Wetter Dialog auf den eingestellten 672 ist füllt das PopUp auf dem Handy die gesamte Breite aus.
                                            Allerdings werden Kopf- und Fußzeile nicht angezeigt. Setze ich den Wert auf 0 bzw. leer, dann sehe ich Kopf- und Fußzeile, aber trotz Breite von 100% werden auf dem Handy nur ca. 80% verwendet.

                                            Scrounger 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            878
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            27
                                            83
                                            10494
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo