Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Buttons Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: Buttons Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @frank2604 last edited by 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 😖

      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 F 3 Replies Last reply Reply Quote 2
      • D
        dos1973 @Scrounger last edited by

        @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

        Scrounger 2 Replies Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @dos1973 last edited by

          @dos1973
          😁 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 Reply Quote 0
          • D
            dos1973 @Scrounger last edited by

            @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 Reply Quote 0
            • Scrounger
              Scrounger Developer @dos1973 last edited by

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

              frank2604 1 Reply Last reply Reply Quote 1
              • frank2604
                frank2604 @Scrounger last edited by

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

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

                  @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

                  Negalein 1 Reply Last reply Reply Quote 0
                  • Negalein
                    Negalein Global Moderator @werner2000x last edited by

                    @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

                    werner2000x 1 Reply Last reply Reply Quote 0
                    • F
                      fabian.krauss @Scrounger last edited by

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

                      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 😂 😂 😂 - 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 Reply Quote 0
                      • werner2000x
                        werner2000x @Negalein last edited by

                        @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

                        Negalein 1 Reply Last reply Reply Quote 0
                        • Negalein
                          Negalein Global Moderator @werner2000x last edited by

                          @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

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

                            @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

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

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

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

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

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

                                1 Reply Last reply Reply Quote 0
                                • ub.privat
                                  ub.privat last edited by 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?

                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • Scrounger
                                    Scrounger Developer @ub.privat last edited by

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

                                    ub.privat 1 Reply Last reply Reply Quote 0
                                    • ub.privat
                                      ub.privat @Scrounger last edited by

                                      @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"
                                      }
                                      
                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer @ub.privat last edited by

                                        @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.privat 1 Reply Last reply Reply Quote 0
                                        • ub.privat
                                          ub.privat @Scrounger last edited by

                                          @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

                                          Scrounger 1 Reply Last reply Reply Quote 0
                                          • Scrounger
                                            Scrounger Developer @ub.privat last edited by

                                            @ub-privat
                                            Art der Umschaltung muss auf wert stehen

                                            ub.privat 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            554
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            157
                                            19207
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo