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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    905

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Buttons Widget

Scheduled Pinned Locked Moved Visualisierung
vis
157 Posts 38 Posters 28.8k Views 40 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D dos1973

    @Scrounger
    Wow das hört sich toll an. Was mir die ganze zeit vorschwebt wäre eine Darkmode option.
    Zb an einen DP gekoppelt. „True“ wäre dark mode Farben „false“ day mode Farben

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

    @dos1973
    :grin: wusste das die erste Frage sein wird gibts nen Darkmode.
    Nein aktuell nicht, weil ich es selber nicht brauche und die Implemtierung des "Theme Editors" wesentlich aufwendiger ist als gedacht.
    Allerdings kann man das dann per skript realisieren, da nur Datenpunkte und in den Widgets Binindings verwendet werden.

    D 1 Reply Last reply
    0
    • ScroungerS Scrounger

      @dos1973
      :grin: wusste das die erste Frage sein wird gibts nen Darkmode.
      Nein aktuell nicht, weil ich es selber nicht brauche und die Implemtierung des "Theme Editors" wesentlich aufwendiger ist als gedacht.
      Allerdings kann man das dann per skript realisieren, da nur Datenpunkte und in den Widgets Binindings verwendet werden.

      D Offline
      D Offline
      dos1973
      wrote on last edited by
      #112

      @Scrounger
      Ok, ich warte es mal ab, was du da zauberst.
      Ich hatte es schonmal via Farben DP und Bindigs versucht. Aber da es im Vis Editor dann keine Darstellung gibt, war das sehr schwer zu bearbeiten.

      1 Reply Last reply
      0
      • D dos1973

        @Scrounger
        Wow das hört sich toll an. Was mir die ganze zeit vorschwebt wäre eine Darkmode option.
        Zb an einen DP gekoppelt. „True“ wäre dark mode Farben „false“ day mode Farben

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

        @dos1973 sagte in Material Design Widgets: Buttons Widget:

        Wow das hört sich toll an. Was mir die ganze zeit vorschwebt wäre eine Darkmode option.

        Wird es doch geben, kann das sehr einfach zusätzlich implementieren.

        @dos1973 sagte in Material Design Widgets: Buttons Widget:

        @Scrounger
        Ich hatte es schonmal via Farben DP und Bindigs versucht. Aber da es im Vis Editor dann keine Darstellung gibt, war das sehr schwer zu bearbeiten.

        Hab was eingebaut, dass diese auch im Editor angezeigt werden.

        frank2604F 1 Reply Last reply
        1
        • ScroungerS Scrounger

          @dos1973 sagte in Material Design Widgets: Buttons Widget:

          Wow das hört sich toll an. Was mir die ganze zeit vorschwebt wäre eine Darkmode option.

          Wird es doch geben, kann das sehr einfach zusätzlich implementieren.

          @dos1973 sagte in Material Design Widgets: Buttons Widget:

          @Scrounger
          Ich hatte es schonmal via Farben DP und Bindigs versucht. Aber da es im Vis Editor dann keine Darstellung gibt, war das sehr schwer zu bearbeiten.

          Hab was eingebaut, dass diese auch im Editor angezeigt werden.

          frank2604F Offline
          frank2604F Offline
          frank2604
          wrote on last edited by
          #114

          @Scrounger

          Klasse. Der Theme Editor ist super. Dann beginne ich jetzt erstmal mit der Entwicklung in den Standard-Farben und warte auf den Editor.

          Danke 🤩

          Intel NUC8 i3, Proxmox, VM Ubuntu, ioBroker
          Philips HUE, Homematic CCU3, Zigbee, Yamaha MusicCast, Vorwerk ...

          1 Reply Last reply
          0
          • ScroungerS Scrounger

            @sigi234 @dos1973

            Extra nur für Euch, was so ein issue doch bewirken kann :grinning:

            multistate.gif

            Gibts dann im nächsten latest release, wenn ihr testen wollt github version ziehen.

            werner2000xW Offline
            werner2000xW Offline
            werner2000x
            wrote on last edited by
            #115

            @Scrounger Wo finde ich in VIS den Button State Multi vertical ?
            Ich habe die Material Widget installiert, finde jedoch den Multi Button nicht.
            Hier ein Link wo der Button vorgestellt wurde:
            https://www.shelly-support.eu/forum/index.php?thread/1321-1-taste-in-vis-alle-11-rolladen-fahren-runter/&postID=62379#post62379

            Raspi4 8 GB mit Aqara Zigbee USB, iob
            Innogy Smarthome
            Bosch Bridge 2
            HUE Bridge
            OpenWB Wallbox mit EVU Kit
            Google Nest Pro Hub
            HA auf uGreen dxp4800

            NegaleinN 1 Reply Last reply
            0
            • werner2000xW werner2000x

              @Scrounger Wo finde ich in VIS den Button State Multi vertical ?
              Ich habe die Material Widget installiert, finde jedoch den Multi Button nicht.
              Hier ein Link wo der Button vorgestellt wurde:
              https://www.shelly-support.eu/forum/index.php?thread/1321-1-taste-in-vis-alle-11-rolladen-fahren-runter/&postID=62379#post62379

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              wrote on last edited by
              #116

              @werner2000x sagte in Material Design Widgets: Buttons Widget:

              Wo finde ich in VIS den Button State Multi vertical ?

              In Version 0.3.19 ist er definitiv dabei.
              Ob in früheren Versionen auch schon, kann ich jetzt nicht sagen.
              Screenshot_2020-11-06 Edit vis.png

              ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
              ° Node.js Fixer ---> iob nodejs-update
              ° Fixer ---> iob fix

              werner2000xW 1 Reply Last reply
              0
              • ScroungerS Scrounger

                @frank2604 sagte in Material Design Widgets: Buttons Widget:

                Ich stehe auf dem Schlauch, wie ich dass in einer CSS-Klasse umsetzten soll.
                Vielleicht kannst Du mir noch einen Tipp geben, bevor ich aufgebe :confounded:

                Warte am besten auf die neue Version 0.4.0.
                Da gibts dann einen "Theme Editor" mit dem man sehr komfortabel Farben, Schriftart & Schriftgrößen für alle MDW Widgets festlegen kann:

                e08399c8-442c-494d-8534-b179dfe9dbb5-grafik.png

                F Offline
                F Offline
                fabian.krauss
                wrote on last edited by
                #117

                @Scrounger said in Material Design Widgets: Buttons Widget:

                @frank2604 sagte in Material Design Widgets: Buttons Widget:

                Ich stehe auf dem Schlauch, wie ich dass in einer CSS-Klasse umsetzten soll.
                Vielleicht kannst Du mir noch einen Tipp geben, bevor ich aufgebe :confounded:

                Warte am besten auf die neue Version 0.4.0.
                Da gibts dann einen "Theme Editor" mit dem man sehr komfortabel Farben, Schriftart & Schriftgrößen für alle MDW Widgets festlegen kann:

                e08399c8-442c-494d-8534-b179dfe9dbb5-grafik.png

                okay jetzt kann ich meine Suche hier abbrechen und warte auf 0.4.0 :joy: :joy: :joy: - bin hier die Suche MD Widget + CSS gelandet, aber der Theme Editor ist ja noch schöner :) freu mich schon drauf! Gibt´s schon einen Termin ca. für 0.4.0?

                1 Reply Last reply
                0
                • NegaleinN Negalein

                  @werner2000x sagte in Material Design Widgets: Buttons Widget:

                  Wo finde ich in VIS den Button State Multi vertical ?

                  In Version 0.3.19 ist er definitiv dabei.
                  Ob in früheren Versionen auch schon, kann ich jetzt nicht sagen.
                  Screenshot_2020-11-06 Edit vis.png

                  werner2000xW Offline
                  werner2000xW Offline
                  werner2000x
                  wrote on last edited by
                  #118

                  @Negalein Das folgende habe ich installiert, ein Widget mit Version 0.3.19 ist da nicht dabei oder meintest du 0.13.9 das ist da?
                  348aa0e1-12a2-40f0-a6f3-0bca53664f77-image.png

                  Raspi4 8 GB mit Aqara Zigbee USB, iob
                  Innogy Smarthome
                  Bosch Bridge 2
                  HUE Bridge
                  OpenWB Wallbox mit EVU Kit
                  Google Nest Pro Hub
                  HA auf uGreen dxp4800

                  NegaleinN 1 Reply Last reply
                  0
                  • werner2000xW werner2000x

                    @Negalein Das folgende habe ich installiert, ein Widget mit Version 0.3.19 ist da nicht dabei oder meintest du 0.13.9 das ist da?
                    348aa0e1-12a2-40f0-a6f3-0bca53664f77-image.png

                    NegaleinN Offline
                    NegaleinN Offline
                    Negalein
                    Global Moderator
                    wrote on last edited by
                    #119

                    @werner2000x sagte in Material Design Widgets: Buttons Widget:

                    Das folgende habe ich installiert, ein Widget mit Version 0.3.19 ist da nicht dabei oder meintest du 0.13.9 das ist da?

                    Du hast den Material Design Adapter noch nicht installiert.

                    Screenshot_2020-11-06 adapters - ioBroker.png

                    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                    ° Node.js Fixer ---> iob nodejs-update
                    ° Fixer ---> iob fix

                    1 Reply Last reply
                    0
                    • ScroungerS Scrounger

                      @frank2604 sagte in Material Design Widgets: Buttons Widget:

                      Ich stehe auf dem Schlauch, wie ich dass in einer CSS-Klasse umsetzten soll.
                      Vielleicht kannst Du mir noch einen Tipp geben, bevor ich aufgebe :confounded:

                      Warte am besten auf die neue Version 0.4.0.
                      Da gibts dann einen "Theme Editor" mit dem man sehr komfortabel Farben, Schriftart & Schriftgrößen für alle MDW Widgets festlegen kann:

                      e08399c8-442c-494d-8534-b179dfe9dbb5-grafik.png

                      D Offline
                      D Offline
                      dos1973
                      wrote on last edited by
                      #120

                      @Scrounger
                      Gibts einen zeitlichen Ausblick auf die 4.0 eher Tage oder Wochen?
                      Kannst du das ggfs. Abschätzen.

                      Bin so gespannt auf dem Thene editor :) danke

                      ScroungerS 1 Reply Last reply
                      0
                      • D dos1973

                        @Scrounger
                        Gibts einen zeitlichen Ausblick auf die 4.0 eher Tage oder Wochen?
                        Kannst du das ggfs. Abschätzen.

                        Bin so gespannt auf dem Thene editor :) danke

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

                        @dos1973 sagte in Material Design Widgets: Buttons Widget:

                        @Scrounger
                        Gibts einen zeitlichen Ausblick auf die 4.0 eher Tage oder Wochen?

                        Kann ich leider überhaupt nicht abschätzen, weil ich jedes einzelne Widget 3 mal durcharbeiten muss (Farben, Schriftart & Schriftgröße) inkl. testen. Die Idee hätte ich gleich bei Entwicklungsbeginn haben müssen, jetzt ist das alles doch viel aufwendiger als gedacht :face_with_rolling_eyes:

                        Denke das es eine erste Test / Beta Version in den kommenden Wochen geben wird - schreib ja schon die Doku ;-)

                        D 1 Reply Last reply
                        0
                        • ScroungerS Scrounger

                          @dos1973 sagte in Material Design Widgets: Buttons Widget:

                          @Scrounger
                          Gibts einen zeitlichen Ausblick auf die 4.0 eher Tage oder Wochen?

                          Kann ich leider überhaupt nicht abschätzen, weil ich jedes einzelne Widget 3 mal durcharbeiten muss (Farben, Schriftart & Schriftgröße) inkl. testen. Die Idee hätte ich gleich bei Entwicklungsbeginn haben müssen, jetzt ist das alles doch viel aufwendiger als gedacht :face_with_rolling_eyes:

                          Denke das es eine erste Test / Beta Version in den kommenden Wochen geben wird - schreib ja schon die Doku ;-)

                          D Offline
                          D Offline
                          dos1973
                          wrote on last edited by
                          #122

                          @Scrounger
                          Alles klaro, Dank dir für die Info

                          1 Reply Last reply
                          0
                          • ub.privatU Offline
                            ub.privatU Offline
                            ub.privat
                            wrote on last edited by ub.privat
                            #123

                            @Scrounger

                            Hallo Scrounger, wieder eine kleine Frage zu deinem "button-toggle-vertical", den ich zu Schaltzustandsanzeige benutze.
                            Es soll der Schaltzustand des Geschirrspülers angezeigt werden. Als einziger DP können die Schaltzustände nur über "Present" oder "OFF" ausgegeben werden.

                            "BSH.Common.EnumType.EventPresentState.Present": "Present",
                              "BSH.Common.EnumType.EventPresentState.Off": "Off"
                            

                            4b86ba46-8f7a-4fa5-89e7-21d398a09526-grafik.png
                            Nun dachte ich, dass im Widget entsprechend einfüge:

                            Wert für aus: off
                            Wert für ein: Present
                            f3cadbf9-98ae-403b-bb66-d065920c0dac-grafik.png

                            Ergebnis soll sein:

                            Ein: 7390c213-a47d-4f9f-b643-42802fddf770-grafik.png

                            AUS: a4af72ec-ee5e-483f-9e02-56182b72dc16-grafik.png

                            Nur leider wird das nichts. Was kann ich hier besser machen?

                            ScroungerS 1 Reply Last reply
                            0
                            • ub.privatU ub.privat

                              @Scrounger

                              Hallo Scrounger, wieder eine kleine Frage zu deinem "button-toggle-vertical", den ich zu Schaltzustandsanzeige benutze.
                              Es soll der Schaltzustand des Geschirrspülers angezeigt werden. Als einziger DP können die Schaltzustände nur über "Present" oder "OFF" ausgegeben werden.

                              "BSH.Common.EnumType.EventPresentState.Present": "Present",
                                "BSH.Common.EnumType.EventPresentState.Off": "Off"
                              

                              4b86ba46-8f7a-4fa5-89e7-21d398a09526-grafik.png
                              Nun dachte ich, dass im Widget entsprechend einfüge:

                              Wert für aus: off
                              Wert für ein: Present
                              f3cadbf9-98ae-403b-bb66-d065920c0dac-grafik.png

                              Ergebnis soll sein:

                              Ein: 7390c213-a47d-4f9f-b643-42802fddf770-grafik.png

                              AUS: a4af72ec-ee5e-483f-9e02-56182b72dc16-grafik.png

                              Nur leider wird das nichts. Was kann ich hier besser machen?

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

                              @ub-privat
                              Zeig Mal die raw Daten des verwendeten datenpunktes

                              ub.privatU 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @ub-privat
                                Zeig Mal die raw Daten des verwendeten datenpunktes

                                ub.privatU Offline
                                ub.privatU Offline
                                ub.privat
                                wrote on last edited by
                                #125

                                @scrounger

                                hier die RAW-Daten

                                {
                                  "from": "system.adapter.homeconnect.0",
                                  "user": "system.user.admin",
                                  "ts": 1616428991482,
                                  "common": {
                                    "name": "BSH_Common_Event_ProgramFinished",
                                    "type": "mixed",
                                    "role": "indicator",
                                    "unit": "",
                                    "write": true,
                                    "read": true,
                                    "states": {
                                      "BSH.Common.EnumType.EventPresentState.Present": "Present",
                                      "BSH.Common.EnumType.EventPresentState.Off": "Off"
                                    }
                                  },
                                  "native": {},
                                  "acl": {
                                    "object": 1636,
                                    "owner": "system.user.admin",
                                    "ownerGroup": "system.group.administrator",
                                    "state": 1636
                                  },
                                  "_id": "homeconnect.0.SIEMENS-SX858D06PE-68A40E064ECA.events.BSH_Common_Event_ProgramFinished",
                                  "type": "state"
                                }
                                
                                ScroungerS 1 Reply Last reply
                                0
                                • ub.privatU ub.privat

                                  @scrounger

                                  hier die RAW-Daten

                                  {
                                    "from": "system.adapter.homeconnect.0",
                                    "user": "system.user.admin",
                                    "ts": 1616428991482,
                                    "common": {
                                      "name": "BSH_Common_Event_ProgramFinished",
                                      "type": "mixed",
                                      "role": "indicator",
                                      "unit": "",
                                      "write": true,
                                      "read": true,
                                      "states": {
                                        "BSH.Common.EnumType.EventPresentState.Present": "Present",
                                        "BSH.Common.EnumType.EventPresentState.Off": "Off"
                                      }
                                    },
                                    "native": {},
                                    "acl": {
                                      "object": 1636,
                                      "owner": "system.user.admin",
                                      "ownerGroup": "system.group.administrator",
                                      "state": 1636
                                    },
                                    "_id": "homeconnect.0.SIEMENS-SX858D06PE-68A40E064ECA.events.BSH_Common_Event_ProgramFinished",
                                    "type": "state"
                                  }
                                  
                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  wrote on last edited by
                                  #126

                                  @ub-privat

                                  für Present muss als Wert BSH.Common.EnumType.EventPresentState.Present verwendet werden.
                                  für Off muss als Wert BSH.Common.EnumType.EventPresentState.Off verwendet werden.

                                  ub.privatU 1 Reply Last reply
                                  0
                                  • ScroungerS Scrounger

                                    @ub-privat

                                    für Present muss als Wert BSH.Common.EnumType.EventPresentState.Present verwendet werden.
                                    für Off muss als Wert BSH.Common.EnumType.EventPresentState.Off verwendet werden.

                                    ub.privatU Offline
                                    ub.privatU Offline
                                    ub.privat
                                    wrote on last edited by
                                    #127

                                    @scrounger

                                    habe ich so hinterlegt, aber denkste... leider schaltet das Widget nicht!
                                    fa2389db-3f03-4c8c-8fed-bf94f3582db1-grafik.png

                                    Der DP schaut so aus:
                                    683b523d-920c-40db-9e92-59ea746df43b-grafik.png

                                    Und im View (runtime) schaut es so aus:
                                    848919cd-596f-4264-809f-4c71d37d4ea3-grafik.png

                                    Mit der Wärmepumpe funktioniert es einwandfrei...

                                    Hier noch die gesamten Einstellungen:
                                    e4983259-37ba-4376-828f-a06ce1ecf89a-grafik.png

                                    ScroungerS 1 Reply Last reply
                                    0
                                    • ub.privatU ub.privat

                                      @scrounger

                                      habe ich so hinterlegt, aber denkste... leider schaltet das Widget nicht!
                                      fa2389db-3f03-4c8c-8fed-bf94f3582db1-grafik.png

                                      Der DP schaut so aus:
                                      683b523d-920c-40db-9e92-59ea746df43b-grafik.png

                                      Und im View (runtime) schaut es so aus:
                                      848919cd-596f-4264-809f-4c71d37d4ea3-grafik.png

                                      Mit der Wärmepumpe funktioniert es einwandfrei...

                                      Hier noch die gesamten Einstellungen:
                                      e4983259-37ba-4376-828f-a06ce1ecf89a-grafik.png

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

                                      @ub-privat
                                      Art der Umschaltung muss auf wert stehen

                                      ub.privatU 1 Reply Last reply
                                      0
                                      • ScroungerS Scrounger

                                        @ub-privat
                                        Art der Umschaltung muss auf wert stehen

                                        ub.privatU Offline
                                        ub.privatU Offline
                                        ub.privat
                                        wrote on last edited by
                                        #129

                                        @scrounger

                                        Danke, das war's. Somit können nun alle weiteren Haushaltsgeräte an den Start gehen!
                                        Macht immer wieder Freude mit dir zusammen zu arbeiten.
                                        Spende geht heute Abend raus!

                                        1 Reply Last reply
                                        1
                                        • ScroungerS Scrounger

                                          Button Widget | Button Vertical Widget | Icon Button Widget

                                          buttons.gif
                                          icon-button.gif

                                          Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

                                          Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

                                          • Dokumentation
                                          • Online Beispiel

                                          Themen zu anderen Widgets findest du hier!

                                          D Offline
                                          D Offline
                                          derdoerk
                                          wrote on last edited by
                                          #130

                                          @scrounger
                                          MOrjen, mal zwei kurze frage:

                                          1. Ich benutze sehr gerne Button State Multi, wurde der in der aktuellen Version wieder entfernt?
                                          2. Die Top App Bar versuche ich sie schon ewig zum laufen zu bekommen. Hier möchte ich mir gerne auch Untermenüs bauen, wenn ich dieses aber versuche, wird mir dort immer ein Fehler angezeigt. In einer alten version glaube 0.39 geht es. Dort gibt es nur die Multi Buttons nicht

                                          Gruß
                                          Dirk

                                          ScroungerS 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          316

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe