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: Input, Select, Autocompl.

NEWS

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

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

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

Material Design Widgets: Input, Select, Autocompl.

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
147 Beiträge 38 Kommentatoren 23.1k Aufrufe 29 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 Scrounger

    @darkiop
    Mhhh dachte das hätte ich bereits gefixt, schau ich mir an. Erstell bitte nen issued auf git.

    S Offline
    S Offline
    saeft_2003
    Most Active
    schrieb am zuletzt editiert von saeft_2003
    #56

    @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 Antwort Letzte Antwort
    0
    • C Offline
      C Offline
      Conquest
      schrieb am zuletzt editiert von
      #57

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

      ScroungerS 1 Antwort Letzte Antwort
      0
      • C Conquest

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

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

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

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

          @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 Offline
          C Offline
          Conquest
          schrieb am zuletzt editiert von Conquest
          #59

          @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 Antwort Letzte Antwort
          0
          • C 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 Offline
            P Offline
            Pittini
            Developer
            schrieb am zuletzt editiert von
            #60

            @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 ScroungerS 2 Antworten Letzte Antwort
            0
            • P Pittini

              @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 Offline
              C Offline
              Conquest
              schrieb am zuletzt editiert von
              #61

              @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 Antwort Letzte Antwort
              0
              • ScroungerS Scrounger

                @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 Offline
                C Offline
                Conquest
                schrieb am zuletzt editiert von
                #62

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

                1 Antwort Letzte Antwort
                0
                • P Pittini

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

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

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

                  <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:

                    @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 Offline
                    C Offline
                    Conquest
                    schrieb am zuletzt editiert von
                    #64

                    @Scrounger
                    Super danke dir:+1:

                    1 Antwort Letzte Antwort
                    0
                    • 0 Offline
                      0 Offline
                      0018
                      schrieb am zuletzt editiert von
                      #65

                      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

                      Mfg
                      0018

                      0 1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @Termina
                        Ah sorry falsch gelesen, du meinst das Input Widget und nicht das select.

                        Die Mask ist falsch, wenn du hier eine 4 stellige Zahl eingeben willst, musst du bei Mask #### eingeben

                        etvE Offline
                        etvE Offline
                        etv
                        schrieb am zuletzt editiert von
                        #66

                        @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

                        …ist schon sehr lange begeisterter ioBroker Nutzer! 1x zu Hause und 1x auf der Alm. ioBroker ist das 'Hirn' des Smarthome und steuert HomeMatic und Shellys, loggt was so passiert, zeigt es auf Tabletts schön an und ermöglicht mir via Cloud Adapter den Fernzugriff...

                        1 Antwort Letzte Antwort
                        0
                        • 0 0018

                          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 Offline
                          0 Offline
                          0018
                          schrieb am zuletzt editiert von
                          #67

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

                          Mfg
                          0018

                          ScroungerS 1 Antwort Letzte Antwort
                          0
                          • 0 0018

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

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

                            @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

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

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

                            0 1 Antwort Letzte Antwort
                            1
                            • ScroungerS 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 Offline
                              0 Offline
                              0018
                              schrieb am zuletzt editiert von
                              #69

                              @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"}]
                              

                              Mfg
                              0018

                              ScroungerS 1 Antwort Letzte Antwort
                              0
                              • 0 0018

                                @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"}]
                                

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

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

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

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

                                0 3 Antworten Letzte Antwort
                                0
                                • ScroungerS Scrounger

                                  @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 Offline
                                  0 Offline
                                  0018
                                  schrieb am zuletzt editiert von
                                  #71

                                  @Scrounger

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

                                  Mfg
                                  0018

                                  1 Antwort Letzte Antwort
                                  0
                                  • ScroungerS Scrounger

                                    @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 Offline
                                    0 Offline
                                    0018
                                    schrieb am zuletzt editiert von
                                    #72

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

                                    Mfg
                                    0018

                                    1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @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 Offline
                                      0 Offline
                                      0018
                                      schrieb am zuletzt editiert von
                                      #73

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

                                      Mfg
                                      0018

                                      1 Antwort Letzte Antwort
                                      0
                                      • O Offline
                                        O Offline
                                        oxident
                                        schrieb am zuletzt editiert von oxident
                                        #74

                                        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 Antwort Letzte Antwort
                                        0
                                        • C Offline
                                          C Offline
                                          Coffeelover
                                          schrieb am zuletzt editiert von
                                          #75

                                          Hi,

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

                                          VG

                                          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

                                          847

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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