Navigation

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

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Input, Select, Autocompl.

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      saeft_2003 Most Active @Scrounger last edited by saeft_2003

      @Scrounger

      ich habe folgendes Problem und zwar wenn ich einen view mit dem select widget in einem dialog Fenster öffne und dann auf Auswahl im select widget drücke, erscheint die Auswahl unsichtbar hinter dem dialog Fenster. Erst wenn ich das dialog Fenster schließe kann ich eine Auswahl treffen.

      Ich würde das select widget sehr gerne nutzen, aber so macht es nur wenig Sinn.

      @all

      Kennt ihr das Problem, habt ihr vielleicht eine Lösung?

      Edit: Sorry, habe gerade gelesen das es wohl ein reines Z-Index Problem sein muss...

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

        @Scrounger

        Hätte mal eine Frage zum Select-Widget. Bei deinem Select-Widget ist es so das in der Werteliste die Werte mit einem Komma getrennt werden bei den Standard Select Widget allerdings per Semikolon hat das einen bestimmten Grund das du einen anderen Weg genommen hast? Dadurch sind einige Objekte nicht kompatibel mit deinem Widget. Könnte man das noch ändern?

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

          @Conquest
          Nein das hat keinen bestimmten Grund.
          Welche Objekte sind denn z.B. nicht kompatibel?

          Schreib bitte nen issue dazu auf git, dann bau ich es ein.

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

            @Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

            @Conquest
            Nein das hat keinen bestimmten Grund.
            Welche Objekte sind denn z.B. nicht kompatibel?

            Schreib bitte nen issue dazu auf git, dann bau ich es ein.

            z.b beim Script von @Pittini für den Heatingcontroll Adapter werden Werte angelegt welche mit Semikolon getrennt werden oder bei meinem Sonos Script für die Favoritenliste gibt mit Sicherheit noch mehr.
            Glaube ein paar Kommentare vorher hatte schon mal jemand das gleiche Problem @seppel786 .
            Werde am Montag die Issue anlegen. Danke das du es einbaust hilft mir sehr.

            Gruß

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

              @Conquest sagte in Material Design Widgets: Input, Select, Autocompl.:

              z.b beim Script von @Pittini für den Heatingcontroll Adapter werden Werte angelegt welche mit Semikolon getrennt werden oder bei meinem Sonos Script für die Favoritenliste gibt mit Sicherheit noch mehr.

              Das sind Vorgabewerte für Vis ValueLists, die müssen halt mit Semikolon getrennt werden. Denk dass es das recht häufig geben dürfte.

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

                @Pittini sagte in Material Design Widgets: Input, Select, Autocompl.:

                @Conquest sagte in Material Design Widgets: Input, Select, Autocompl.:

                z.b beim Script von @Pittini für den Heatingcontroll Adapter werden Werte angelegt welche mit Semikolon getrennt werden oder bei meinem Sonos Script für die Favoritenliste gibt mit Sicherheit noch mehr.

                Das sind Vorgabewerte für Vis ValueLists, die müssen halt mit Semikolon getrennt werden. Denk dass es das recht häufig geben dürfte.

                Ja ich weiß sollte auch keine Kritik an dir sein.
                Deswegen hätte ich es ja gerne in den Material Design Widgets gefixt das ich dein Script nutzen kann.

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

                  @Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

                  @Conquest
                  Nein das hat keinen bestimmten Grund.
                  Welche Objekte sind denn z.B. nicht kompatibel?

                  Schreib bitte nen issue dazu auf git, dann bau ich es ein.

                  Issue hab ich angelegt:

                  https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/76

                  Danke schon mal.

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

                  closed Semikolon als Trennzeichen im Select-Widget erlauben #76

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

                    @Conquest:

                    @Pittini sagte in Material Design Widgets: Input, Select, Autocompl.:

                    Das sind Vorgabewerte für Vis ValueLists, die müssen halt mit Semikolon getrennt werden. Denk dass es das recht häufig geben dürfte.

                    Ok, da das Standard ist werde ich das von , auf ; umstellen.

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

                      @Scrounger
                      Super danke dir👍

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

                        Hallo,

                        ist es möglich das man beim Input - Time Widget die Zeitangabe zentriert im Button darstellen kann?

                        alt:
                        time.jpg

                        neu:
                        time_neu.jpg

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

                          @Scrounger

                          noch mal zum Input Widget und mask....

                          Was trage ich bei der Mask ein wenn ich nur Buchstaben große und klein haben möchte? Ich bekomm's nicht zusammen.....

                          Wenn ich nur große eingebe, kann ich nur große tippen, bei Kleinen nur kleine....ich möchte aber beide zulassen...

                          Liebe Grüße
                          Tom

                          1 Reply Last reply Reply Quote 0
                          • 0
                            0018 @0018 last edited by

                            @0018 sagte in Material Design Widgets: Input, Select, Autocompl.:

                            Hallo,

                            ist es möglich das man beim Input - Time Widget die Zeitangabe zentriert im Button darstellen kann?

                            alt:
                            time.jpg

                            neu:
                            time_neu.jpg

                            @Scrounger hast du evtl einen Tip für mich?

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

                              @0018
                              Unter CSS Test auf zentrieren stellen

                              @etv sagte in Material Design Widgets: Input, Select, Autocompl.:

                              Was trage ich bei der Mask ein wenn ich nur Buchstaben große und klein haben möchte? Ich bekomm's nicht zusammen.....

                              Hier ist dokumentiert, welche Mask zulässig sind:
                              https://vuejs-tips.github.io/vue-the-mask/

                              Muss ich mal noch mit in die Doku aufnehmen

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

                                @Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

                                @0018
                                Unter CSS Test auf zentrieren stellen

                                Wenn du im Reiter "CSS Font & Text" unter CSS "text-align = center" meinst, funktioniert es leider nicht.

                                Hier mein Widget:

                                [{"tpl":"tplVis-materialdesign-Input","data":{"oid":"javascript.0.Rolladen.Bad.Timer.Hoch_Uhrzeit_WE","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"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","inputType":"time","inputLayout":"outlined-rounded","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"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,"inputMaxLength":"","inputMask":"","inputLayoutBackgroundColor":"#37474F","inputLayoutBackgroundColorHover":"","inputLayoutBorderColor":"#63a4ff","inputLayoutBorderColorHover":"#FFCA28","inputTextColor":"#ffffff","inputLabelText":"","inputMessage":"","inputLayoutBorderColorSelected":""},"style":{"left":"300px","top":"130px","width":"120px","height":"40px","z-index":"10","text-align":"center"},"widgetSet":"materialdesign"}]
                                

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

                                  @0018 #
                                  Dann geht es nur mit css klasse überschreiben.
                                  Alternativ kannst auch nen Issue auf github erstellen, dann bau ich die funktion mal in den editor ein.

                                  0 3 Replies Last reply Reply Quote 0
                                  • 0
                                    0018 @Scrounger last edited by

                                    @Scrounger

                                    Danke! Da ich keinen Plan von CSS habe, könntest du mir vielleicht den Code dazu nennen?

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

                                      @Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

                                      Alternativ kannst auch nen Issue auf github erstellen, dann bau ich die funktion mal in den editor ein.

                                      Erledigt, GIT

                                      Kannst du mir als workaraound evtl den CSS Code zur Verfügung stellen, damit ich meine Vis schon mal fertig machen kann?

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

                                        @Scrounger sagte in Material Design Widgets: Input, Select, Autocompl.:

                                        Dann geht es nur mit css klasse überschreiben.

                                        Kannst du mir vielleicht beschreiben wie ich den css-code überschreiben kann?

                                        1 Reply Last reply Reply Quote 0
                                        • O
                                          oxident last edited by oxident

                                          Hi!
                                          Kann man beim Select-Widget irgendwie den Knopf zum Löschen des Wertes ("X") ausblenden? Habe das Problem, dass sonst der DP immer auf einen leeren String gesetzt werden würde.

                                          Sorry, erledigt. Unter "Symbole" gibt es die Option "Symbol zum Löschen des Textes anzeigen".

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

                                            Hi,

                                            wie muss ich das Select Widget für Datumswerte konfigurieren?

                                            VG

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            652
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            147
                                            16077
                                            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