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.
    • 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
                              • ub.privat
                                ub.privat @Scrounger last edited by

                                @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 Reply Quote 1
                                • D
                                  derdoerk @Scrounger last edited by

                                  @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

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

                                    @derdoerk sagte in Material Design Widgets: Buttons Widget:

                                    1. Ich benutze sehr gerne Button State Multi, wurde der in der aktuellen Version wieder entfernt?

                                    nein

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

                                    Schau mal in das entsprechende Thema zur TopAppBar https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget?_=1618814924452. Hier wurde das mehrfach erläutert. Wenn es klemmt, am Besten dort die Frage stellen.

                                    In der Doku gibt es auch ein Beispiel:
                                    https://github.com/Scrounger/ioBroker.vis-materialdesign#top-app-bar

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

                                      @scrounger

                                      Hallo, seit dem letzten Update in iobroker kann man bei den Buttons die Schriftfarbe nicht mehr ändern. Es gibt im VIS Editor unter "Beschriftung" keine Möglichkeit und unter "CSS Font & Text" die Einstellung hat keine Auswirkung.
                                      Ist das so gewollt?

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

                                        @schnutexxl
                                        Gibt jetzt primäre und sekundäre Farbe, damit das mit dem Themen Editor funktioniert. Darüber ist die Textfarbe auch beeinflussbar

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

                                          @scrounger

                                          Ich wollte mir das mit den Themen Editor mal anschauen, dann kam das:

                                          9f4c543d-c0f6-45f1-86ae-aa917ee287c1-image.png

                                          Was soll das mit dem Themen Editor für einen Sinn machen, wie funktioniert das? Es war doch vorher alles bestens.

                                          Des weiteren behalten die Symbole nun nicht mehr die Farbe für aktiv oder auch anders herum. Bsp.:

                                          cc81edf6-8047-41f8-8869-94f0002c0672-image.png

                                          Symbol wird dann irgendwann blau anstatt rot zu bleiben, obwohl Zustand weiterhin true. Sieht man auch am Symbol.

                                          ca144525-c970-4e93-89fc-64ad5d3f7199-image.png

                                          Wurde hier etwas geändert? Meine ganzen Views spielen Verrückt, alles sieht anders aus und verhält sich auch anders.

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

                                            @scrounger
                                            Hallo,
                                            nach dem Update auf die aktuelle Version 0.5.4 funktioniert mein Binding bei der Font-Farbe der State-Buttons nicht mehr. Bis auf das Update vom Material Design Adapter habe ich nichts verändert. Vorher wurde die Schrift bei den aktiven Buttons auf weiß gesetzt, jetzt ist leider blau auf blau.

                                            Das steht als Font Color drin: {mode:hm-rpc.3.INT0000003.1.CONTROL_MODE;mode==0?"#fff":""}
                                            und so sieht das nun aus:
                                            binding.png

                                            Hier noch zum nachvollziehen der Export des widgets:

                                            [{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"hm-rpc.3.INT0000004.1.AUTO_MODE","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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":"outlined","vibrateOnMobilDevices":"50","iconPosition":"left","autoLockAfter":"10","lockFilterGrayscale":"30","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,"value":"true","class":"","buttontext":"Auto","name":"Bad - BTN-Auto","textFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.button.default.text","textFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.button.default.text","mdwButtonPrimaryColor":"#mdwTheme:vis-materialdesign.0.colors.button.default.primary","mdwButtonSecondaryColor":"#mdwTheme:vis-materialdesign.0.colors.button.default.secondary","image":"","lockIconColor":"#mdwTheme:vis-materialdesign.0.colors.button.lock_icon","labelWidth":"","mdwButtonColorPress":"","colorBgTrue":""},"style":{"left":"calc(50% - 109px)","top":"178px","background-color":"{mode:hm-rpc.3.INT0000004.1.CONTROL_MODE;mode==0?\"#44739e\":\"\"}","color":"{mode:hm-rpc.3.INT0000004.1.CONTROL_MODE;mode==0?\"#fff\":\"\"}","width":"66px","font-family":"RobotoCondensed-Regular","z-index":"15"},"widgetSet":"materialdesign"}]
                                            

                                            Hat sich hier etwas gravierend geändert, sodass kein Binding mehr geht?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            808
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            157
                                            19210
                                            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