Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.2.x

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • Hermanito33
      Hermanito33 @dos1973 last edited by Hermanito33

      @dos1973 Habe aber am Z Index nie was umgestellt. Was macht der?

      Edit: Z Index auf 20 hat schon mal paar Sachen verschwinden lassen. habe ihn jetzt auf 100 damit klappt es. Sagt der wie hoch die Widgets liegen so in der art?

      1 Reply Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @Hermanito33 last edited by

        @Hermanito33 sagte in Test Adapter Material Design Widgets v0.2.x:

        Hey,

        Bei mir wird leider die View über das Menü links gelegt. Bin die Einstellungen schon durch aber finde nichts. Ist bestimmt nur irgendwo ein Hacken.
        Opera Momentaufnahme_2019-11-22_112526_192.168.178.93.png

        Siehe:

        Screenshot (681)_LI.jpg

        Hermanito33 1 Reply Last reply Reply Quote 1
        • Hermanito33
          Hermanito33 @sigi234 last edited by

          @sigi234 Habs hinbekommen funktioniert alles 🙂

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

            @Nikoxx sagte in Test Adapter Material Design Widgets v0.2.x:

            Genauso hab ich mir das gedacht, funktioniert aber leider nicht. Er blendet die ausgeblendeten y Achsen ein wenn ich die Linie abwähle. Wenn ich die y Achsen anzeigen lasse werden sie auch ausgeblendet wenn ich die Linie abwähle.

            Hab den Fehler behoben. Entweder aktuellen master branch testen oder warten bis ich eine neue Version im latest veröffentlicht habe.

            N 1 Reply Last reply Reply Quote 0
            • Hermanito33
              Hermanito33 last edited by

              Kann man mit der Bar irgendwie nen Batterie Status erstellen? Bräuchte so was für die Batterien der Xiaomi Sensoren. Hat da vielleicht schon jemand was was er teilt?

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

                @Hermanito33 sagte in Test Adapter Material Design Widgets v0.2.x:

                Kann man mit der Bar irgendwie nen Batterie Status erstellen? Bräuchte so was für die Batterien der Xiaomi Sensoren. Hat da vielleicht schon jemand was was er teilt?

                ab23a313-f82e-49e0-9234-c720dc90dab7-grafik.png

                [{"tpl":"tplVis-materialdesign-Progress","data":{"oid":"linkeddevices.0.Heizung.Bad.Batterieladung","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"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","showValueLabel":"true","valuePosition":"inside","valueLabelWidth":"25","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,"min":"0","max":"100","valueLabelUnit":" %"},"style":{"left":"444px","top":"252px","width":"286px","height":"50px","text-align":"right"},"widgetSet":"materialdesign"}]
                

                1 Reply Last reply Reply Quote 0
                • S
                  skokarl last edited by

                  1.PNG

                  Gehört der rechte Teil mit zum Widget ?

                  Wenn ja, wo finde ich den ?
                  Wenn nein, was ist das für ein Widget ?

                  Danke und Gruß

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

                    @skokarl

                    Lest Euch doch bitte mal die zwei anderen Threads durch, da wurde die Frage inkl. Beispielen bereits beantwortet...

                    https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/174
                    https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/188

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

                      @Scrounger said in Test Adapter Material Design Widgets v0.2.x:

                      Hab den Fehler behoben. Entweder aktuellen master branch testen oder warten bis ich eine neue Version im latest veröffentlicht habe.

                      So jetzt bin ich mal zum ausprobieren gekommen. Ja funktioniert jetzt bestens, Danke dafür.

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

                        @Scrounger

                        Hi, kurze Frage, gibt/ gäbe es die Möglichkeit, dass Du noch einen Farbwert zur Verfügung stellt, wenn der Switch inaktiv ist.

                        Bei dunklen Screens wäre das Klasse.

                        Bildschirmfoto 2019-11-22 um 17.38.42.png

                        Danke Dir

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

                          Hey,

                          bevor ich mich hier in die Materie vertiefe 2 Fragen.
                          Ist der Adapter hier kompatibel mit der ioBroker VIS App - weil am Anfang "unterstützende Browser" gemarkert werden?

                          Dann noch das responsive Design, ist es hier verfügbar/inbegriffen?

                          Finde auf die schnelle keine Antwort oder Erklärung hier zu ohne die ganzen Threads zu durchforsten. Und ohne responsive Eigenschaften der Darstellung Schrift - ein No-Go für mein Vorhaben.

                          by,
                          David

                          1 Reply Last reply Reply Quote 1
                          • N
                            nousefor82 last edited by nousefor82

                            So, die TopBar funktioniert soweit, außer, dass er Anfangs meckert, dass er eine View nicht findet. Das gibt sich dann aber mit der Zeit.

                            Eine Frage noch zum Layout der TopBar. Ist es möglich die Buttons der Liste "höher" zu machen, bzw. den Abstand der einzelnen Einträge zueinander zu vergrößern?

                            Danke!

                            EDIT: Doch nicht...

                            Nach einiger Zeit sehe ich nicht mehr den HomeScreen sonder nur das Widget...

                            Woran kann das liegen?

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

                              @dos1973 sagte in Test Adapter Material Design Widgets v0.2.x:

                              @Scrounger

                              Hi, kurze Frage, gibt/ gäbe es die Möglichkeit, dass Du noch einen Farbwert zur Verfügung stellt, wenn der Switch inaktiv ist.

                              Bei dunklen Screens wäre das Klasse.

                              Bildschirmfoto 2019-11-22 um 17.38.42.png

                              Danke Dir

                              Hab's in den aktuellen master Branch eingebaut.

                              1 Reply Last reply Reply Quote 1
                              • B4n4n3
                                B4n4n3 last edited by

                                Hallo @Scrounger

                                du hast mit dem Update 0.2.0 " colorSchemes for Charts" hinzugefügt.
                                Hierzu hab ich eine Frage: Kann ich die Farbangaben wie "material.brown" irgendwie verwenden?
                                Kann man die in CSS eintragen und das Farbkonzept wird angewendet?

                                farben.JPG

                                Falls es bereits einen Thread dazu gab, wäre ein Link super.

                                Vielen Dank für die Hilfe.

                                Grüße B4n4n3

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

                                  Hey,

                                  Gerade ein neues Projekt angelegt und die Widgets rübergezogen. Im Editor ist alles da - wenn ich dann per VIS App darauf zugreife dann werden die Widgets nicht angezeigt.

                                  Normale Standard Widgets schon. Also ist dieser Adapter inkompatibel mit der ioBroker App?

                                  Meistertr 1 Reply Last reply Reply Quote 0
                                  • Meistertr
                                    Meistertr Developer @davimas last edited by

                                    @davimas die widget müssen noch in die app integriert werden

                                    D 1 Reply Last reply Reply Quote 1
                                    • Scrounger
                                      Scrounger Developer @B4n4n3 last edited by

                                      @B4n4n3 sagte in Test Adapter Material Design Widgets v0.2.x:

                                      Hallo @Scrounger

                                      du hast mit dem Update 0.2.0 " colorSchemes for Charts" hinzugefügt.
                                      ...
                                      Kann man die in CSS eintragen und das Farbkonzept wird angewendet?

                                      Die ColorSchemes sind nur bei den Charts einsetzbar, kann man im Editor auswählen.
                                      Per CSS verwenden geht nicht.

                                      b84a500d-3a66-450b-a1d3-4cf937f18425-grafik.png

                                      1 Reply Last reply Reply Quote 0
                                      • D
                                        davimas @Meistertr last edited by davimas

                                        @Meistertr
                                        Vielen Dank für deine Antwort.

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

                                          @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                                          @Zipkart
                                          Hast du einen Toggle Button oder einen State Button verwendet?
                                          Von welchem Typ ist der Datenpunkt?

                                          Edit:
                                          Mach mal nen Export von dem Widget und poste die raw daten des zugewiesenen datenpunktes.

                                          Sorry dass ich mich jetzt erst melde, aber ich musst mal wieder ein Backup einspielen im Livesystem.

                                          Hier ist schon mal das Widget


                                          [{"tpl":"tplVis-materialdesign-Button-Toggle-vertical","data":{"oid":"hue.0.Philips_hue.Kugel_SZ.on","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"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":"unelevated","toggleType":"boolean","stateIfNotTrueValue":"on","vibrateOnMobilDevices":"50","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,"colorBgFalse":"rgb(70, 70, 70)","colorBgTrue":"#CDDC39","imageTrue":"/icons-ultimate-png/983.png","image":"/icons-ultimate-png/981.png","valueOff":"","valueOn":"","labelFalse":"","labelTrue":"","colorPress":"green"},"style":{"left":"5px","top":"410px","width":"275px","height":"130px","text-align":"center"},"widgetSet":"materialdesign"}]

                                          und hier der Raw des Datenpunktes


                                          {
                                          "from": "system.adapter.hue.0",
                                          "user": "system.user.admin",
                                          "ts": 1562209210940,
                                          "common": {
                                          "name": "Philips_hue.Kugel_SZ.on",
                                          "type": "boolean",
                                          "role": "switch",
                                          "read": true,
                                          "write": true
                                          },
                                          "native": {
                                          "id": "26"
                                          },
                                          "acl": {
                                          "object": 1636,
                                          "owner": "system.user.admin",
                                          "ownerGroup": "system.group.administrator",
                                          "state": 1636
                                          },
                                          "_id": "hue.0.Philips_hue.Kugel_SZ.on",
                                          "type": "state"
                                          }

                                          Vielleicht kannst du ja helfen

                                          1 Reply Last reply Reply Quote 0
                                          • O
                                            Oli last edited by

                                            Hallo zusammen,

                                            ich habe ein paar Fragen zum Line History Chart.

                                            1. ist es Möglich nur das Diagrammfeld einzufärben wie beim angefügten Diagramm?
                                            2. Wie kann ich mir zu der Uhrzeit noch das Datum in der X-Achse anzeigen lassen?
                                            3. Wie kann ich die Messeinheit in der Y-Achse anzeigen lassen?

                                            8fd92afb-2a42-44b9-b390-4d4227540822-image.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            823
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material vis visualization widget
                                            77
                                            902
                                            156977
                                            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