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.
    • liv-in-sky
      liv-in-sky @Stephan Schleich last edited by liv-in-sky

      @Stephan-Schleich sagte in Material Design Widgets: Input, Select, Autocompl.:

      @Scrounger Nach dem löschen des widgets gehts nun - danke
      Hab nun aber das PRoblem das hinter dem Widget ne Zahl steht, wie krieg ich die weg?
      6c9c7a13-53ed-4fed-9724-c4c9e3f33991-image.png

      Edit: Hat sich erledit, war der Punkt Zähler anzeigen

      hi - was hast du geändert, dass die anzeige klein wird - die höhe ist bei mir immer gleich und verbraucht extrem viel platz

      1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Scrounger last edited by

        @Scrounger
        Select widget:
        irgendwie gehen bei mir nur einige werte zu verändern

        z.b layout Eingabe
        rot nein
        grün kann geändert werden
        Image 2.png

        das ganze so aus:

        Image 3.png

        ich wollte die eingabe auch gerne der ausgabe (tabelle) angleichen- also die blauen select widgets sollen nicht so hoch sein - die brauchen extrem viel platz - ich finde nix, wo sich das ändern läßt

        hast du eine idee dazu?

        Scrounger 2 Replies Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @liv-in-sky last edited by

          @liv-in-sky
          Welche Version hast? Also Nummer?

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Scrounger last edited by

            @Scrounger
            hab 0.3.19

            1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @liv-in-sky last edited by

              @liv-in-sky sagte in Material Design Widgets: Input, Select, Autocompl.:

              @Scrounger
              Select widget:
              irgendwie gehen bei mir nur einige werte zu verändern

              z.b layout Eingabe
              rot nein
              grün kann geändert werden
              Image 2.png

              Wird in der nächsten Version behoben sein

              Image 3.png

              ich wollte die eingabe auch gerne der ausgabe (tabelle) angleichen- also die blauen select widgets sollen nicht so hoch sein - die brauchen extrem viel platz - ich finde nix, wo sich das ändern läßt

              Das geht leider nicht, die Widgets brauchen eine mindest Höhe damit sie korrekt.
              Bleibt nur die Möglichkeit das per css zu verbiegen, ich glaub das hatten wir in diesem Thread auch schon mal.

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Scrounger last edited by

                @Scrounger

                danke dir - ich schau mal nochmal durch den thread - vielleicht find ich das mit dem css

                ice987 1 Reply Last reply Reply Quote 0
                • ice987
                  ice987 @liv-in-sky last edited by

                  @Scrounger
                  Das Thema mit den Masken hatten wir ja bereits (ab https://forum.iobroker.net/topic/29666/material-design-widgets-input-select-autocompl/99)

                  Gem. https://vuejs-tips.github.io/vue-the-mask/ soll/kann im „materialdesign - input“ -Widget mit der Maske „Aaaa“ nur 4 Buchstaben erlaubt werden, der erste Gross, die anderen drei klein. Gebe ich das so vor, kann ich auch Zahlen etc. eingeben und auch mehr als 4 Zeichen, Gross-/Kleinschreibung wird nicht berücksichtigt.

                  Ist dies ein Bug bzw. ist dies evtl. bereits in https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/103 berücksichtigt?

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

                  closed Material Design Widgets "materialdesign - input": inputType = mask #103

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

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

                    Ist dies ein Bug bzw. ist dies evtl. bereits in https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/103 berücksichtigt?

                    Mit meiner aktuellen Version bei github (kommende v0.4.0) funktioniert es wie es soll.
                    Kannst gerne testen, oder warten bis ich sie offzielle ins latest schiebe.

                    ice987 sigi234 2 Replies Last reply Reply Quote 0
                    • ice987
                      ice987 @Scrounger last edited by ice987

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

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

                      Ist dies ein Bug bzw. ist dies evtl. bereits in https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/103 berücksichtigt?

                      Mit meiner aktuellen Version bei github (kommende v0.4.0) funktioniert es wie es soll.
                      Kannst gerne testen, oder warten bis ich sie offzielle ins latest schiebe.

                      Wunderbare News! Ich warte dann auf die offizielle Freigabe, so ist die Vorfreude grösser!

                      Eine weitere Frage zum Widget „materialdesign - autocomplete“:
                      Wenn bereits eine Eingabe vorhanden ist, weggecklickt und wider ins Inputfeld reingeklickt wird, ist automatisch die ganze Eingabe markiert und es muss ein weiteres Mal reingeklickt werden um die Eingabe vervollständigen zu können. Gibts einen Workaround um die komplette Markierung zu umgehen? Die komplette Markierung benötige ich ja nicht/nie, da ich ja die Option „Textfeld löschen“ aktivieren kann.

                      10A336DD-DA18-4B36-A825-8215E573C035.jpeg

                      P 1 Reply Last reply Reply Quote 0
                      • P
                        ple @ice987 last edited by

                        Kurz gefragt, ich lasse mir im select widget die Werte als Json anzeigen. Klappt auch soweit.
                        Jetzt ist es ja so, dass ich den Wert in einen State schreibe, aber kann ich auch den angezeigten Text in einem State schreiben?
                        Kennt da einer eine Lösung?

                        P 1 Reply Last reply Reply Quote 0
                        • sigi234
                          sigi234 Forum Testing Most Active @Scrounger last edited by

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

                          Kannst gerne testen, oder warten bis ich sie offzielle ins latest schiebe.

                          Wie lange wird es dauern?

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

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

                            Wie lange wird es dauern?

                            Wollte es letzte Woche eigentlich releasen, aber ich schaff es gerade einfach nicht. Finde immer noch Fehler, die ich fixen will, da die kommende Version RC für stable werden soll.

                            Bostil 1 Reply Last reply Reply Quote 1
                            • P
                              ple @ple last edited by

                              Früher klappte der Code mal mit dem Uhula Design, aber hier leider keine Wirkung.
                              Also wer Ideen hat, alle her damit 🙂

                              // Typnmane übertragen für SPS
                              setTimeout(function () {
                                  $("body").on("change","[class*='Eingabe']", function (event) {
                                       var text =$("#w00092 option:selected").text();
                                      vis.setValue("s7.0.DBs.DB5._020_HMI_Rezept_Editor_DS_aktuell_Typ_Name",text); 
                                         });
                              }, 1000);
                              
                              P 1 Reply Last reply Reply Quote 0
                              • Bostil
                                Bostil @Scrounger last edited by

                                @Scrounger Hi Scrounger, wie installiere ich deine v4 über Github?

                                1 Reply Last reply Reply Quote 0
                                • P
                                  ple @ple last edited by

                                  @Scrounger , hättest du vielleicht dafür eine kleine simple Lösung? Sorry, wenn ich deine Zeit raube, du hast bestimmt besseres zu tun, aber ich wäre dir sehr dankbar.

                                  Früher klappte der Code mal mit dem Uhula Design, aber hier leider keine Wirkung.
                                  Also wer Ideen hat, alle her damit 🙂

                                  // Typnmane übertragen für SPS
                                  setTimeout(function () {
                                      $("body").on("change","[class*='Eingabe']", function (event) {
                                           var text =$("#w00092 option:selected").text();
                                          vis.setValue("s7.0.DBs.DB5._020_HMI_Rezept_Editor_DS_aktuell_Typ_Name",text); 
                                             });
                                  }, 1000);
                                  
                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • Scrounger
                                    Scrounger Developer @ple last edited by

                                    @ple
                                    Ich versteh nicht was du machen möchtest.
                                    Class Eingabe gibt es bei MDW schon mal nicht.

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

                                      @Scrounger Die Class Eingabe habe ich deinen Widget zugeordnet in der Hoffung, dass ich den Textnamen in einen State übertragen kann, da das Objekt ein Integer ist, worauf ich überhaupt mit der S7 Daten austauschen kann.

                                      ich habe heute mal ein wenig rumprobiert und meine aktuelle Lösung ist, dass ich ein State habe mit den Json und dadrin die Rezeptnummer suche und mir den Textinhalt dann ausgeben lassen.
                                      Sieht dann so aus.

                                      // Werte suchen im Json für Typnamen anhand der Typnummer
                                      on({id: 's7.0.DBs.DB5._020_HMI_Rezept_Editor_DS_Nr', change: "ne"}, async function (obj) {
                                        var Value = obj.state.val;
                                        var oldValue = obj.oldState.val;
                                      
                                      var json_block = list.find(v => v.value === Value.toString());
                                      var textinhalt = json_block ? json_block.text : null
                                      setState("s7.0.DBs.DB5._020_HMI_Rezept_Editor_DS_aktuell_Typ_Name", textinhalt)
                                      });
                                      

                                      Scheint soweit zu klappen.
                                      Schön wäre es im Widget, wenn ich im Widget bei Anwahl eines Datensatzes die Information, also die Nummer die es schon gibt und den Text umlegen kann auf einen State.

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

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

                                        Schön wäre es im Widget, wenn ich im Widget bei Anwahl eines Datensatzes die Information, also die Nummer die es schon gibt und den Text umlegen kann auf einen State.

                                        versteh leider wieder nicht was du machen willst 🙂
                                        Nach dem du im select widget einen Datensatz ausgewählt hast soll dieser in einen anderen Datenpunkt, als der der dem Select Widget zugeordnet ist, geschrieben werden?

                                        Bostil P 2 Replies Last reply Reply Quote 0
                                        • Bostil
                                          Bostil @Scrounger last edited by

                                          @Scrounger Hi Scrounger, kannst du verraten, wann die neue Version released werden soll ? Danke dir!

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

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

                                            @Scrounger Hi Scrounger, kannst du verraten, wann die neue Version released werden soll ? Danke dir!

                                            Plan war vor zwei Wochen 😁
                                            Dauert leider noch, komm grad nicht so dazu und es wird noch ein neues Feature geben, an dem ich aktuell arbeite.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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