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.
    • 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
            • 0
              0018 last edited by

              @Scrounger ist es möglich das du mir den css code nennst um die Uhrzeit im widget zu zentrieren?

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

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

                @Scrounger ist es möglich das du mir den css code nennst um die Uhrzeit im widget zu zentrieren?

                .v-select__selection.v-select__selection--comma{
                    width: 100%;
                    text-align: center;
                }
                
                0 1 Reply Last reply Reply Quote 0
                • C
                  Coffeelover @Coffeelover last edited by

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

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

                  Ich antworte mal selbst: Im Prinzip ist die Einstellung total banal. Während ich in Android (Fully) dann auch den Datumsdialog bekomme, muss ich am WIN-Rechner die Infos selbst eintippen.

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

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

                    .v-select__selection.v-select__selection--comma{
                    width: 100%;
                    text-align: center;
                    }

                    @Scrounger Danke dir!

                    Kann es sein das du hier auf das select-widget den Code geschrieben hast? Es funktioniert leider nicht. Ich verwende das Input widget mit dem InputType = time, vielleicht liegt es daran?

                    ich hab mal ein wenig rum probiert und z.B:

                    .v-text-field__slot{
                        text-align: center;
                    }
                    

                    verwendet, aber keine Änderung. Wie müsste die richtige Zuweisung sein?

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

                      @Scrounger ?

                      1 Reply Last reply Reply Quote 0
                      • S
                        saeft_2003 Most Active last edited by

                        In dem roten Bereich sieht man ganz leicht eine schwarze Uhr. Diese hätte ich gerne in der Farbe weiß.

                        Kann mir einer von euch sagen wo man die Farbe umstellen kann, ich habe lange gesucht aber es nicht gefunden 😞

                        2020-06-23_07h35_10.png

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

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

                          Kann es sein das du hier auf das select-widget den Code geschrieben hast? Es funktioniert leider nicht. Ich verwende das Input widget mit dem InputType = time, vielleicht liegt es daran?

                          @Scrounger könntest du dir den Code evtl nochmal ansehen?

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

                            @0018

                            .v-text-field__slot > input {
                                text-align: center;
                            }
                            
                            0 1 Reply Last reply Reply Quote 0
                            • 0
                              0018 @Scrounger last edited by

                              @Scrounger
                              danke das hat soweit geklappt. Allerdings funktioniert das nur auf meinem Win10 Rechner unter Chrome. Auf meinem Andoid-Tablet im Fully-Browser hat das leider keine Änderung gebracht. Hast du eine Idee warum das im Fully nicht klappt?

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • S
                                saeft_2003 Most Active @saeft_2003 last edited by

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

                                In dem roten Bereich sieht man ganz leicht eine schwarze Uhr. Diese hätte ich gerne in der Farbe weiß.

                                Kann mir einer von euch sagen wo man die Farbe umstellen kann, ich habe lange gesucht aber es nicht gefunden 😞

                                2020-06-23_07h35_10.png

                                @Scrounger

                                weißt du das vielleicht?

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

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

                                  @Scrounger
                                  danke das hat soweit geklappt. Allerdings funktioniert das nur auf meinem Win10 Rechner unter Chrome. Auf meinem Andoid-Tablet im Fully-Browser hat das leider keine Änderung gebracht. Hast du eine Idee warum das im Fully nicht klappt?

                                  .v-text-field__slot > input {
                                      text-align: center !important;
                                  }
                                  

                                  müsste aber eigentlich gehen.

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

                                  2020-06-23_07h35_10.png

                                  @Scrounger

                                  weißt du das vielleicht?

                                  Ne leider nicht, wie hast du denn diese Uhr da rein bekommen?

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

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

                                    Ne leider nicht, wie hast du denn diese Uhr da rein bekommen?

                                    Hab bei mir auch diese Uhr. Scheint mit einem Update von Chrome gekommen zu sein. Kann man das entfernen?
                                    Gerade nachgesehen hängt definitiv an Chrome bei Firefox ist keine Uhr.

                                    1 Reply Last reply Reply Quote 0
                                    • S
                                      saeft_2003 Most Active @Scrounger last edited by saeft_2003

                                      @Scrounger

                                      @Scrounger

                                      weißt du das vielleicht?

                                      Ne leider nicht, wie hast du denn diese Uhr da rein bekommen?

                                      Wenn ich das wüsste, ist die "Uhr" kein Bestandteil von deinem Input widget?

                                      Edit: Sorry habe gerade erst die Aufklärung von conquest gelesen. Würde mich aber auch interessieren ob man die Uhr entfernen kann, ich nutze für meine VIS auch chrome.

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

                                        Guten Abend,
                                        ich bräuchte hier mal Hilfe.

                                        Ich bastel mir grad ne View, um meinen Mähroboter zu steuern. Hierfür wollte ich mal das Input Widget testen. So sieht die Config aus.

                                        dsafafd.PNG

                                        Und so der Eintrag unter Objekten.

                                        f9d8ca84-f0f2-4838-8bbe-f4077911ebe4-image.png

                                        Eigentlich bräuchte ich dort 20:00 oder 20:15 usw. Wenn ich in der VIS dann was eintrage, oder aus dem Drop Down Menu wähle, wird nur Stunden übertragen.

                                        9b26f411-96c0-41e1-bad2-78dc0a5acef2-image.png

                                        Muss ich da beim inputmask eintragen ? Hab dort schon hh:mm probiert, aber hat nichts gebracht.

                                        Dann muss ich in der VIS, immer wieder die Zahl eingeben, oder mehrmals aus dem Drop Down auswählen, damit es übernommen wird in der Ansicht. In den Objekten ändert es sich.

                                        6d674f32-0cde-4b6b-bdfb-0b47e2634244-image.png

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

                                          @D3ltoroxp
                                          Ist der Datenpunkt vom Typ String (Zeichenkette)?

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

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

                                          In dem roten Bereich sieht man ganz leicht eine schwarze Uhr. Diese hätte ich gerne in der Farbe weiß.

                                          Kann mir einer von euch sagen wo man die Farbe umstellen kann, ich habe lange gesucht aber es nicht gefunden 😞

                                          2020-06-23_07h35_10.png

                                          @Scrounger

                                          weißt du das vielleicht?

                                          .v-text-field__slot > input[type="time"]::-webkit-calendar-picker-indicator {
                                              filter: invert(1);
                                          }
                                          

                                          hiermit kann man die farbe invertieren. Wie man die farbe ändern kann weiß ich auch nicht.

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

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

                                                                                                                                                                        .v-text-field__slot > input {                                                                                                                                                                                text-align: center !important;                                                                                                                                                                            }                                            
                                            

                                            müsste aber eigentlich gehen.

                                            @Scrounger leider nein, auf dem Android Tablet und dem Handy bleibt es leider immer noch linksbündig, sogar Browserunabhängig

                                            C 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

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