Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Buttons Widget

NEWS

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

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

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

Material Design Widgets: Buttons Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
157 Beiträge 38 Kommentatoren 26.7k Aufrufe 40 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.
  • NegaleinN Negalein

    @Scrounger

    Ich habe ein Problem mit dem Button State Widget.

    Über Binding stelle ich die Farbe des aktiven Button dar.

    Bei 2 geht es, bei den restlichen nicht.
    menu.gif
    Binding hab ich überprüft. Müsste passen.

    Kannst du bitte mal drüberschaun?

    [{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Eingangstuerhuawei\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]
    

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

    @Negalein sagte in Material Design Widgets: Buttons Widget:

    @Scrounger

    Ich habe ein Problem mit dem Button State Widget.

    Über Binding stelle ich die Farbe des aktiven Button dar.

    Bei 2 geht es, bei den restlichen nicht.

    Liegt dran, weil der Wert der per Button gesetzt wird ein anderer ist als den du im Color Binding verwendest:

    cc4a60d3-8bbc-441d-a164-13d47b4c1ff8-grafik.png

    Binding color:

    {b:logparser.0.visualization.table0.selection;b=="Info" ? "#4d4d4d" : "#2e2e2e"}
    

    Jetzt musst dich entscheiden, Warn oder Info ;-)

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

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

    NegaleinN 1 Antwort Letzte Antwort
    0
    • NegaleinN Negalein

      @Glasfaser sagte in Material Design Widgets: Buttons Widget:

      Widget habe ich angepasst :

      Danke
      1000x hingeschaut, aber CSS Background nie aufgemacht! :confounded:

      MicM Offline
      MicM Offline
      Mic
      Developer
      schrieb am zuletzt editiert von
      #46

      @Glasfaser
      @Negalein sagte in Material Design Widgets: Buttons Widget:

      1000x hingeschaut, aber CSS Background nie aufgemacht! :confounded:

      Das wäre auch ein gutes Eier-Versteck gewesen :joy:
      Danke für den Hinweis, ist nun auch in der VIS-Vorlage des Log Parser Adapters korrigiert.

      1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        @Negalein sagte in Material Design Widgets: Buttons Widget:

        @Scrounger

        Ich habe ein Problem mit dem Button State Widget.

        Über Binding stelle ich die Farbe des aktiven Button dar.

        Bei 2 geht es, bei den restlichen nicht.

        Liegt dran, weil der Wert der per Button gesetzt wird ein anderer ist als den du im Color Binding verwendest:

        cc4a60d3-8bbc-441d-a164-13d47b4c1ff8-grafik.png

        Binding color:

        {b:logparser.0.visualization.table0.selection;b=="Info" ? "#4d4d4d" : "#2e2e2e"}
        

        Jetzt musst dich entscheiden, Warn oder Info ;-)

        NegaleinN Offline
        NegaleinN Offline
        Negalein
        Global Moderator
        schrieb am zuletzt editiert von
        #47

        @Scrounger sagte in Material Design Widgets: Buttons Widget:

        Jetzt musst dich entscheiden, Warn oder Info

        Ja, hat @Glasfaser schon herausgefunden gehabt.

        ° Node.js: 20.17.0 NPM: 10.8.2
        ° Proxmox, Ubuntu 22.04.3 LTS
        ° Fixer ---> iob fix

        1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          @Bostil sagte in Test Adapter Material Design Widgets v0.3.x:

          @Scrounger Wie du erkennen kannst, hier nicht über eine CSS-Befehlszeile, sondern lediglich über die Widget-Einstellung:

          Das müsste eigentlich funktionieren
          edacb96e-5d9a-45be-aab7-ec26956b2dd8-grafik.png

          Schriftart ist installiert?
          Geht das bei anderen Widgets?
          Welcher Browser?
          Was steht in der Console?

          EnduranceE Offline
          EnduranceE Offline
          Endurance
          schrieb am zuletzt editiert von Scrounger
          #48

          @Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren? Wenn ich zb am iPad den einen Button drücke, bleibt der "nicht vorhandenen" Curser vom iOS auf dem Icon stehen, und das Icon behält so lange die Mouseover Farbe, bis man wo anders hinklickt.

          Hoffe man versteht was ich meine. Siehe Button in der Mitte.

          0819a68a-3b38-4a06-b9ce-6fffeb292de5-image.png

          Edit: Verschoben, da Frage Widget Einstellung betrifft!

          ScroungerS 1 Antwort Letzte Antwort
          0
          • EnduranceE Endurance

            @Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren? Wenn ich zb am iPad den einen Button drücke, bleibt der "nicht vorhandenen" Curser vom iOS auf dem Icon stehen, und das Icon behält so lange die Mouseover Farbe, bis man wo anders hinklickt.

            Hoffe man versteht was ich meine. Siehe Button in der Mitte.

            0819a68a-3b38-4a06-b9ce-6fffeb292de5-image.png

            Edit: Verschoben, da Frage Widget Einstellung betrifft!

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

            @Endurance sagte in Material Design Widgets: Buttons Widget:

            @Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren?

            über Farbe gedrückt -> deaktivieren => tranparent verwenden
            5a6f2b3a-308a-4bb4-b9b5-4d9ad50b090a-grafik.png

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

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

            EnduranceE 1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

              @Endurance sagte in Material Design Widgets: Buttons Widget:

              @Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren?

              über Farbe gedrückt -> deaktivieren => tranparent verwenden
              5a6f2b3a-308a-4bb4-b9b5-4d9ad50b090a-grafik.png

              EnduranceE Offline
              EnduranceE Offline
              Endurance
              schrieb am zuletzt editiert von
              #50

              @Scrounger haba nun die Farbe aus "gedrückt" rausgenommen, wenn ich aber mit der Maus drüber fahre, wird es immer noch transparent. Ich kann natürlich die gleiche Farbe wie bei Hintergrund einfügen, dann hab ich aber auch beim klicken keine Animation mehr.

              ScroungerS 1 Antwort Letzte Antwort
              0
              • EnduranceE Endurance

                @Scrounger haba nun die Farbe aus "gedrückt" rausgenommen, wenn ich aber mit der Maus drüber fahre, wird es immer noch transparent. Ich kann natürlich die gleiche Farbe wie bei Hintergrund einfügen, dann hab ich aber auch beim klicken keine Animation mehr.

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

                @Endurance
                Mehr geht per Editor leider nicht.
                Evtl. geht das mit css klasse überschreiben.

                <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
                • M Online
                  M Online
                  michihorn
                  schrieb am zuletzt editiert von
                  #52

                  Guten Morgen Scrounger,
                  ich habe einige Widget von dir im Einsatz, läuft auf dem Fire Tab 10 super. Die selbe View auf einem älteren Tab Huawei T1 zeigt leider deine Widgets nicht. Kann man da noch was machen?
                  Gruß
                  Michael

                  1 Antwort Letzte Antwort
                  0
                  • Uwe ClementU Offline
                    Uwe ClementU Offline
                    Uwe Clement
                    schrieb am zuletzt editiert von Uwe Clement
                    #53

                    10b82be9-b0ce-44c1-9c77-171bdda9a2cd-image.png

                    Ich habe in einer früheren Installation meines Iobrokers diese Icons verwenden, z.B. "window-shutter-open". Nun finde ich diese nicht mehr. Wo liegen diese innerhalb von iobroker? Kann mir hier jemand helfen? Danke!

                    1 Antwort Letzte Antwort
                    0
                    • EnduranceE Offline
                      EnduranceE Offline
                      Endurance
                      schrieb am zuletzt editiert von Endurance
                      #54

                      @Uwe-Clement

                      cd /opt/iobroker
                      find -name window-shutter

                      1 Antwort Letzte Antwort
                      0
                      • D Offline
                        D Offline
                        dos1973
                        schrieb am zuletzt editiert von
                        #55

                        @Scrounger
                        einfach eine Frage/ Idee ;-)
                        wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

                        momentan, reagiere ich mit Skripten drauf, aber es würde echt vieles direkt vom button aus möglich machen.

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • D dos1973

                          @Scrounger
                          einfach eine Frage/ Idee ;-)
                          wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

                          momentan, reagiere ich mit Skripten drauf, aber es würde echt vieles direkt vom button aus möglich machen.

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

                          @dos1973 sagte in Material Design Widgets: Buttons Widget:

                          wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

                          Nein das geht nicht, da müsste man ein eigens Widget für 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>

                          1 Antwort Letzte Antwort
                          0
                          • D Offline
                            D Offline
                            dos1973
                            schrieb am zuletzt editiert von
                            #57

                            Der Multi Button State...
                            Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

                            sigi234S 1 Antwort Letzte Antwort
                            1
                            • D dos1973

                              Der Multi Button State...
                              Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

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

                              @dos1973 sagte in Material Design Widgets: Buttons Widget:

                              Der Multi Button State...
                              Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

                              Jupp, mich wundert es das es das noch nicht gibt.

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

                              1 Antwort Letzte Antwort
                              0
                              • D Offline
                                D Offline
                                dos1973
                                schrieb am zuletzt editiert von
                                #59

                                @Scrounger
                                Würdest du so ein Widget einbauen?
                                Besteht da Hoffnung?

                                ScroungerS 1 Antwort Letzte Antwort
                                0
                                • D dos1973

                                  @Scrounger
                                  Würdest du so ein Widget einbauen?
                                  Besteht da Hoffnung?

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

                                  @dos1973 sagte in Material Design Widgets: Buttons Widget:

                                  @Scrounger
                                  Würdest du so ein Widget einbauen?
                                  Besteht da Hoffnung?

                                  Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
                                  Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann 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>

                                  sigi234S 1 Antwort Letzte Antwort
                                  0
                                  • M Offline
                                    M Offline
                                    mrg
                                    schrieb am zuletzt editiert von
                                    #61

                                    @Scrounger
                                    ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
                                    Würde die aber auch gerne einfärben.
                                    In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
                                    Gibt es da eine möglichkeit?

                                    ScroungerS 1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @dos1973 sagte in Material Design Widgets: Buttons Widget:

                                      @Scrounger
                                      Würdest du so ein Widget einbauen?
                                      Besteht da Hoffnung?

                                      Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
                                      Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

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

                                      @Scrounger sagte in Material Design Widgets: Buttons Widget:

                                      @dos1973 sagte in Material Design Widgets: Buttons Widget:

                                      @Scrounger
                                      Würdest du so ein Widget einbauen?
                                      Besteht da Hoffnung?

                                      Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
                                      Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

                                      Welches Skript hast du da?
                                      Aber so ein Widget.wäre schon Super

                                      Anwendungsfall:

                                      1. Licht
                                      2. Steckdosen
                                      3. Kombination daraus usw.

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • M mrg

                                        @Scrounger
                                        ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
                                        Würde die aber auch gerne einfärben.
                                        In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
                                        Gibt es da eine möglichkeit?

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

                                        @mrg sagte in Material Design Widgets: Buttons Widget:

                                        @Scrounger
                                        ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
                                        Würde die aber auch gerne einfärben.
                                        In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
                                        Gibt es da eine möglichkeit?

                                        vielleicht per css.
                                        Oder nimm die materialdesignsicons, die kannst direkt auswählen und beinhalten auch die mfds. Einfärben geht da.

                                        @sigi234 sagte in Material Design Widgets: Buttons Widget:

                                        Welches Skript hast du da?

                                        Ist zwar jetzt voll offtopic, aber weil du es bist ;-)

                                        globales Skript mit der Funktion

                                        var myGlobalFunctions = {};
                                        
                                        myGlobalFunctions.setMultipleStates = function (objectList) {
                                            for (const obj of objectList) {
                                                if (obj.id) {
                                                    let value = getState(obj.id).val;
                                        
                                                    if (obj.hasOwnProperty('value')) {
                                                        if (typeof value === typeof obj.value) {
                                                            if (value != obj.value) {
                                                                console.debug(`[setMultipleStates]: set state for '${obj.id}' to '${obj.value}'`)
                                                                setState(obj.id, obj.value);
                                                            }
                                                        } else {
                                                            console.error(`[setMultipleStates] object '${obj.id}' value type '${typeof obj.value}' is wrong, must be '${typeof value}'`)
                                                        }
                                                    } else {
                                                        console.error(`[setMultipleStates] object '${obj.id}' has no value!`)
                                                    }
                                                }
                                            }
                                        }
                                        

                                        Aufrufen der Funktion:

                                        // alle Lichter & Geräte per Button ausschalten ******************************************************************************************************************************
                                        on({ id: myDevices.Netzwerk.Devices.HarmonyHub.Buttons.AllesAus.getId() }, allesAus);
                                        
                                        function allesAus(button) {
                                            if (button.state.val === true) {
                                                log("Wohnzimmer: alles andere ausschalten")
                                        
                                                // Liste aller Objekte die ausgeschaltet werden sollen, inkl. des Wertes für Zustand aus
                                                var objList = [
                                                    // Lichter
                                                    { id: myDevices.Licht.Flur.Main.An.getId(), value: false },
                                                    { id: myDevices.Licht.Flur.Nische.An.getId(), value: false },
                                                    { id: myDevices.Licht.Bad.Dusche.An.getId(), value: false },
                                                    { id: myDevices.Licht.Bad.Main.An.getId(), value: false },
                                                    { id: myDevices.Licht.Schlafzimmer.Vorne.Dimmer.getId(), value: 0 },
                                                    { id: myDevices.Licht.Schlafzimmer.Hinten.Dimmer.getId(), value: 0 },
                                                    { id: myDevices.Licht.WC.An.getId(), value: false },
                                                    { id: myDevices.Licht.Esszimmer.Links.Dimmer.getId(), value: 0 },
                                                    { id: myDevices.Licht.Esszimmer.Rechts.Dimmer.getId(), value: 0 },
                                                    { id: myDevices.Licht.Kueche.Main.An.getId(), value: false },
                                                    { id: myDevices.Licht.Kueche.Speisekammer.An.getId(), value: false },
                                        
                                                    // MusicCast
                                                    { id: myDevices.Netzwerk.Devices.MusicCast.Bad.An.getId(), value: false },
                                                    { id: myDevices.Netzwerk.Devices.MusicCast.Schlafzimmer.An.getId(), value: false },
                                                    { id: myDevices.Netzwerk.Devices.MusicCast.Esszimmer.An.getId(), value: false },
                                                    { id: myDevices.Netzwerk.Devices.MusicCast.Kueche.An.getId(), value: false },
                                        
                                                    // Bewegungssensor zurücksetzen
                                                    { id: myDevices.Sensoren.Bewegung.Flur.StatusReset.getId(), value: true },
                                        
                                                    // altes Zeug, muss noch mit linkeddevices ersetzt werden
                                                    //{ id: Licht.Schlafzimmer.Bett.getId(), value: false }
                                                ]
                                        
                                                myGlobalFunctions.setMultipleStates(objList);
                                            }
                                        }
                                        

                                        <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
                                        1
                                        • D Offline
                                          D Offline
                                          dos1973
                                          schrieb am zuletzt editiert von
                                          #64

                                          ich sagte ja, mittels script (Blockly) bekomme ich das auch irgendwie hin.
                                          aber wie @sigi234 schon aufzeigte, die Anwendungsmöglichkeiten direkt aus VIS heraus, wären enorm.

                                          Schade, vielleicht denkst du nochmals darüber nach - aber Du bist der Boss* in dem Kontext ;-)

                                          *vielleicht etwas süsses ;-)

                                          ScroungerS 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

                                          822

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe