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

  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.3k

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

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

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.
  • ice987I ice987

    Hallo @Scrounger,
    Vielen Dank für deine rasche Rückmeldung:

    Die folgende Eingabe habe ich auch auch bereits probiert, leider verschwindet dann das Eingabefeld des Widget's "materialdesign - input" und es kann keine Eingabe mehr getätigt werden (iPhone App und Win-Chrome V84.0.4147.105):

    ccc3b488-3f09-4c55-9272-8b55a943a4eb-image.png

    '#.#','##.#','###.#','####.#'
    

    sollte beim Widget "materialdesign - Button State Multi vertical" die Textausrichtung unter "CSS Font & Text" -> text-align "left", "right" etc. auch funktionieren? der Text ist immer "center".

    Schönen Urlaub!

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

    @ice987
    Mhh ok das muss ich mir selber anschaue. Schreib bitte nen issue auf GitHub zu beiden Punkten, dann vergess ich es auch nachm Urlaub nicht ;-)

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

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

    1 Antwort Letzte Antwort
    0
    • BostilB Offline
      BostilB Offline
      Bostil
      schrieb am zuletzt editiert von Bostil
      #102

      Eine Kleinigkeit @Scrounger - das Uhrsymbol in meinem Input-Widget lässt sich nicht auf eine andere Farbe als schwarz setzen:

      3444a60a-d39c-4751-81c7-60309e25d713-image.png


      [{"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":true,"g_css_shadow_padding":true,"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":"solo","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":"","inputLayoutBackgroundColorHover":"","inputLayoutBorderColor":"#dedede","inputLayoutBorderColorHover":"#dedede","inputTextColor":"#dedede","inputLabelText":"","inputMessage":"","inputLayoutBorderColorSelected":"","inputTextFontFamily":"Akrobat","inputTextFontSize":"25","inputLayoutBackgroundColorSelected":"","appendOuterIconColor":"#dedede","appendOuterIcon":"","appendIconColor":"#dedede","prepandInnerIconColor":"#dedede","prepandIconColor":"#dedede","appendIconSize":"","prepandIconSize":"","clearIconColor":"#dedede","inputAppendixFontFamily":"Akrobat","inputLabelFontFamily":"Arkobat","appendOuterIconSize":"","prepandInnerIconSize":"","clearIconSize":"","visibility-oid":"0_userdata.0.Home.Buttonswitch_Mover_expand","inputLabelColor":"#dedede","inputLabelColorSelected":"#dedede","inputAppendixColor":"#dedede","inputMessageColor":"#dedede","inputCounterColor":"#dedede","inputCounterFontSize":"-1"},"style":{"left":"784px","top":"512px","width":"120px","height":"40px","z-index":12,"text-align":"center","box-shadow":"0px 0px 5px 1px rgba(0,0,0,0.5)","font-weight":"lighter","color":"","background":""},"widgetSet":"materialdesign"}]

      ScroungerS 1 Antwort Letzte Antwort
      0
      • BostilB Bostil

        Eine Kleinigkeit @Scrounger - das Uhrsymbol in meinem Input-Widget lässt sich nicht auf eine andere Farbe als schwarz setzen:

        3444a60a-d39c-4751-81c7-60309e25d713-image.png


        [{"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":true,"g_css_shadow_padding":true,"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":"solo","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":"","inputLayoutBackgroundColorHover":"","inputLayoutBorderColor":"#dedede","inputLayoutBorderColorHover":"#dedede","inputTextColor":"#dedede","inputLabelText":"","inputMessage":"","inputLayoutBorderColorSelected":"","inputTextFontFamily":"Akrobat","inputTextFontSize":"25","inputLayoutBackgroundColorSelected":"","appendOuterIconColor":"#dedede","appendOuterIcon":"","appendIconColor":"#dedede","prepandInnerIconColor":"#dedede","prepandIconColor":"#dedede","appendIconSize":"","prepandIconSize":"","clearIconColor":"#dedede","inputAppendixFontFamily":"Akrobat","inputLabelFontFamily":"Arkobat","appendOuterIconSize":"","prepandInnerIconSize":"","clearIconSize":"","visibility-oid":"0_userdata.0.Home.Buttonswitch_Mover_expand","inputLabelColor":"#dedede","inputLabelColorSelected":"#dedede","inputAppendixColor":"#dedede","inputMessageColor":"#dedede","inputCounterColor":"#dedede","inputCounterFontSize":"-1"},"style":{"left":"784px","top":"512px","width":"120px","height":"40px","z-index":12,"text-align":"center","box-shadow":"0px 0px 5px 1px rgba(0,0,0,0.5)","font-weight":"lighter","color":"","background":""},"widgetSet":"materialdesign"}]

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

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

        Eine Kleinigkeit @Scrounger - das Uhrsymbol in meinem Input-Widget lässt sich nicht auf eine andere Farbe als schwarz setzen:

        3444a60a-d39c-4751-81c7-60309e25d713-image.png

        Steht 10 post weiter oben...
        https://forum.iobroker.net/topic/29666/material-design-widgets-input-select-autocompl/91

        Das ist chrome spezifisch und ein Bild, deshalb kann man die farbe auch nciht ändern. Per css könnte man ein anderes Bild mit anderer farbe nehmen, mehr infos dazu hier:
        https://stackoverflow.com/questions/63002686/how-do-i-change-the-color-of-the-small-clock-icon-that-comes-with-the-html-input

        Ich werde das allerdings in der kommenden Version standardmäßig unsichtbar machen.

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

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

        liv-in-skyL 1 Antwort Letzte Antwort
        1
        • ice987I Offline
          ice987I Offline
          ice987
          schrieb am zuletzt editiert von
          #104

          in einer Visualisierung mittels dem Widget "materialdesign - Line History Chart" lasse ich mir die Aussentemperatur auf dem iPhone-App anzeigen:

          IMG_1927.jpg

          leider ist die Breite des iPhones beschränkt und die Daten sind (insbesondere bei der Anzeige von mehreren Tagen in die Vergangenheit) sehr klein. Da kam mir die Idee mittels einer CSS-Anweisung (https://www.smarthome-tricks.de/software-iobroker/iobroker-vis-css-widgets-drehen/) in einer neuen Visualisierung zu drehen. Zu meinem erstaunen funktioniert das alles ganz gut:

          IMG_1925.PNG

          unglücklicherweise dreht sich die Auswahlliste im Widget "materialdesign - Select" nicht alles andere funktioniert super!:

          IMG_1926.PNG

          gibt's da evtl. eine Lösung um dies ebenfalls zu drehen?

          husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

          1 Antwort Letzte Antwort
          0
          • Stephan SchleichS Stephan Schleich

            @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

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von liv-in-sky
            #105

            @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

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

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

              Eine Kleinigkeit @Scrounger - das Uhrsymbol in meinem Input-Widget lässt sich nicht auf eine andere Farbe als schwarz setzen:

              3444a60a-d39c-4751-81c7-60309e25d713-image.png

              Steht 10 post weiter oben...
              https://forum.iobroker.net/topic/29666/material-design-widgets-input-select-autocompl/91

              Das ist chrome spezifisch und ein Bild, deshalb kann man die farbe auch nciht ändern. Per css könnte man ein anderes Bild mit anderer farbe nehmen, mehr infos dazu hier:
              https://stackoverflow.com/questions/63002686/how-do-i-change-the-color-of-the-small-clock-icon-that-comes-with-the-html-input

              Ich werde das allerdings in der kommenden Version standardmäßig unsichtbar machen.

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #106

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

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              ScroungerS 2 Antworten Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

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

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

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

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

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

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger

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

                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von
                  #108

                  @Scrounger
                  hab 0.3.19

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  1 Antwort Letzte Antwort
                  0
                  • liv-in-skyL liv-in-sky

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

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

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

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

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

                    liv-in-skyL 1 Antwort Letzte Antwort
                    0
                    • ScroungerS Scrounger

                      @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-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #110

                      @Scrounger

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

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      ice987I 1 Antwort Letzte Antwort
                      0
                      • liv-in-skyL liv-in-sky

                        @Scrounger

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

                        ice987I Offline
                        ice987I Offline
                        ice987
                        schrieb am zuletzt editiert von
                        #111

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

                        husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • ice987I ice987

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

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

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

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

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

                          ice987I sigi234S 2 Antworten Letzte Antwort
                          0
                          • ScroungerS Scrounger

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

                            ice987I Offline
                            ice987I Offline
                            ice987
                            schrieb am zuletzt editiert von ice987
                            #113

                            @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

                            husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                            P 1 Antwort Letzte Antwort
                            0
                            • ice987I 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 Offline
                              P Offline
                              ple
                              schrieb am zuletzt editiert von
                              #114

                              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?

                              Intel Nuc + Proxmox

                              P 1 Antwort Letzte Antwort
                              0
                              • ScroungerS Scrounger

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

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #115

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

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                ScroungerS 1 Antwort Letzte Antwort
                                0
                                • sigi234S sigi234

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

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

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

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

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

                                  BostilB 1 Antwort Letzte Antwort
                                  1
                                  • P ple

                                    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 Offline
                                    P Offline
                                    ple
                                    schrieb am zuletzt editiert von
                                    #117

                                    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);
                                    

                                    Intel Nuc + Proxmox

                                    P 1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

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

                                      BostilB Offline
                                      BostilB Offline
                                      Bostil
                                      schrieb am zuletzt editiert von
                                      #118

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • P ple

                                        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 Offline
                                        P Offline
                                        ple
                                        schrieb am zuletzt editiert von
                                        #119

                                        @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);
                                        

                                        Intel Nuc + Proxmox

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • P ple

                                          @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);
                                          
                                          ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #120

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

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

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

                                          P 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

                                          694

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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