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

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.4k

Material Design Widgets: Input, Select, Autocompl.

Scheduled Pinned Locked Moved Visualisierung
vis
147 Posts 38 Posters 23.7k Views 29 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.
  • M Michi_Pi

    @Coffeelover Hallo die Z-Werte passen alle.
    Hab das Problem schon gefunden. Ich habe bisher meine VIS mit den JQUI Elementen erstellt und jetzt bin auch auf das Materialdesign gestoßen. Anscheinend sind diese beiden nicht immer kompatible, denn wenn ich den "MD -Dialog View" verwende funktioniert es jedoch mit "jqui-container-HTML-View" hab ich das oben beschriebene Problem.

    Nun wenn ich es aber auf das Materialdesign umstelle funktioniert es wiederum auf dem Handy (Android) nicht.
    Da werden mir die Objekte erst gar nicht angezeigt.
    Da hab ich aber schon gelesen, dass dies mit der App 2.0 wieder funktionieren soll, allerdings kann ich mich bisher mit dieser Version nicht mit dem WLAN verbinden.

    Edit: verschoben, da Frage Select Widget betrifft

    ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    wrote on last edited by Scrounger
    #51

    @Michi_Pi sagte in Material Design Widgets: Line History Chart Widget:

    @Coffeelover Hallo die Z-Werte passen alle.
    Hab das Problem schon gefunden. Ich habe bisher meine VIS mit den JQUI Elementen erstellt und jetzt bin auch auf das Materialdesign gestoßen. Anscheinend sind diese beiden nicht immer kompatible, denn wenn ich den "MD -Dialog View" verwende funktioniert es jedoch mit "jqui-container-HTML-View" hab ich das oben beschriebene Problem.

    Das stimmt nicht, das ist ein reines Problem des z-index.
    Entweder beim Select Widget den z-index leer lassen oder einen Wert > 998 eintragen.

    Edit: verschoben, da Frage Select Widget betrifft

    1 Reply Last reply
    0
    • D Offline
      D Offline
      darkiop
      Most Active
      wrote on last edited by
      #52

      @Scrounger Hast du das Select Widget (Werteliste) auch als Nummer auf der Liste oder kann ich mir da auch irgendwie selbst behelfen?

      Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

      ScroungerS 1 Reply Last reply
      0
      • D darkiop

        @Scrounger Hast du das Select Widget (Werteliste) auch als Nummer auf der Liste oder kann ich mir da auch irgendwie selbst behelfen?

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        wrote on last edited by
        #53

        @darkiop
        Was genau meinst du mit Werteliste? Ein Datenpunkt der eine werteliste hat? Wenn ja das ist bereits implementiert.
        Muss unter Daten des Menü ausgewählt werden.

        D 1 Reply Last reply
        0
        • ScroungerS Scrounger

          @darkiop
          Was genau meinst du mit Werteliste? Ein Datenpunkt der eine werteliste hat? Wenn ja das ist bereits implementiert.
          Muss unter Daten des Menü ausgewählt werden.

          D Offline
          D Offline
          darkiop
          Most Active
          wrote on last edited by
          #54

          @Scrounger Dass das Select Widget Optional auch den Typ 'number' schicken kann. Aktuell schickts das nur 'string' an den DP.

          Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

          ScroungerS 1 Reply Last reply
          0
          • D darkiop

            @Scrounger Dass das Select Widget Optional auch den Typ 'number' schicken kann. Aktuell schickts das nur 'string' an den DP.

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            wrote on last edited by
            #55

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

            S 1 Reply Last reply
            0
            • 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
              wrote on last edited by 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 Reply Last reply
              0
              • C Offline
                C Offline
                Conquest
                wrote on last edited by
                #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 Reply Last reply
                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
                  wrote on last edited by
                  #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.

                  C 2 Replies Last reply
                  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
                    wrote on last edited by 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 Reply Last reply
                    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
                      wrote on last edited by
                      #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 Replies Last reply
                      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
                        wrote on last edited by
                        #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 Reply Last reply
                        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
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #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.

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

                              @Scrounger
                              Super danke dir:+1:

                              1 Reply Last reply
                              0
                              • 0 Offline
                                0 Offline
                                0018
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #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 Reply Last reply
                                    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
                                      wrote on last edited by 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

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

                                          0 3 Replies 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

                                          799

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          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