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. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 238.8k Aufrufe 79 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.
  • ScroungerS Scrounger

    @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 Offline
    N Offline
    Nikoxx
    schrieb am zuletzt editiert von
    #36

    @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 Antwort Letzte Antwort
    0
    • D Offline
      D Offline
      dos1973
      schrieb am zuletzt editiert von
      #37

      @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

      ScroungerS 1 Antwort Letzte Antwort
      0
      • D Offline
        D Offline
        davimas
        schrieb am zuletzt editiert von davimas
        #38

        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 Antwort Letzte Antwort
        1
        • N Offline
          N Offline
          nousefor82
          schrieb am zuletzt editiert von nousefor82
          #39

          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 Antwort Letzte Antwort
          0
          • D dos1973

            @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

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

            @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 Antwort Letzte Antwort
            1
            • B4n4n3B Offline
              B4n4n3B Offline
              B4n4n3
              schrieb am zuletzt editiert von
              #41

              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

              ScroungerS 1 Antwort Letzte Antwort
              0
              • D Offline
                D Offline
                davimas
                schrieb am zuletzt editiert von
                #42

                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?

                MeistertrM 1 Antwort Letzte Antwort
                0
                • D davimas

                  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?

                  MeistertrM Offline
                  MeistertrM Offline
                  Meistertr
                  Developer
                  schrieb am zuletzt editiert von
                  #43

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

                  D 1 Antwort Letzte Antwort
                  1
                  • B4n4n3B B4n4n3

                    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

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

                    @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 Antwort Letzte Antwort
                    0
                    • MeistertrM Meistertr

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

                      D Offline
                      D Offline
                      davimas
                      schrieb am zuletzt editiert von davimas
                      #45

                      @Meistertr
                      Vielen Dank für deine Antwort.

                      1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

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

                        Z Offline
                        Z Offline
                        Zipkart
                        schrieb am zuletzt editiert von
                        #46

                        @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

                        Produktiv Proxmox / NUC / IOBroker / RFLInk / Mysensor / Raspimatic / Keymatic / HUE / MiHome / Tradfri / Shelly / SOnOff / Alexa / Sonos / Wandtablet / iPad

                        Testsystem…
                        immer mal wieder unterschiedlich

                        1 Antwort Letzte Antwort
                        0
                        • O Online
                          O Online
                          Oli
                          schrieb am zuletzt editiert von
                          #47

                          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

                          Gruß
                          Oliver

                          ScroungerS 1 Antwort Letzte Antwort
                          0
                          • O Oli

                            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

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

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

                            1. ist es Möglich nur das Diagrammfeld einzufärben wie beim angefügten Diagramm?

                            Nee das geht nicht, kann man aber sicher leicht einbauen - ich schau mal. Am besten wäre wenn du dazu ein Issue auf git anlegest, damit wir es nicht vergessen.

                            1. Wie kann ich mir zu der Uhrzeit noch das Datum in der X-Achse anzeigen lassen?

                            Du kannst über die Option 'time formats of x-axis' im Editor ganz individuell dein format einstellen. Ist in der Doku entsprechend beschrieben:
                            https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart

                            1. Wie kann ich die Messeinheit in der Y-Achse anzeigen lassen?

                            Ist noch nicht implementiert. Hier das gleiche wie oben, bitte ein issue auf github erstellen.

                            O 2 Antworten Letzte Antwort
                            0
                            • ScroungerS Scrounger

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

                              1. ist es Möglich nur das Diagrammfeld einzufärben wie beim angefügten Diagramm?

                              Nee das geht nicht, kann man aber sicher leicht einbauen - ich schau mal. Am besten wäre wenn du dazu ein Issue auf git anlegest, damit wir es nicht vergessen.

                              1. Wie kann ich mir zu der Uhrzeit noch das Datum in der X-Achse anzeigen lassen?

                              Du kannst über die Option 'time formats of x-axis' im Editor ganz individuell dein format einstellen. Ist in der Doku entsprechend beschrieben:
                              https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart

                              1. Wie kann ich die Messeinheit in der Y-Achse anzeigen lassen?

                              Ist noch nicht implementiert. Hier das gleiche wie oben, bitte ein issue auf github erstellen.

                              O Online
                              O Online
                              Oli
                              schrieb am zuletzt editiert von
                              #49

                              @Scrounger

                              alles klar, mache ich

                              Gruß
                              Oliver

                              1 Antwort Letzte Antwort
                              0
                              • ScroungerS Scrounger

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

                                1. ist es Möglich nur das Diagrammfeld einzufärben wie beim angefügten Diagramm?

                                Nee das geht nicht, kann man aber sicher leicht einbauen - ich schau mal. Am besten wäre wenn du dazu ein Issue auf git anlegest, damit wir es nicht vergessen.

                                1. Wie kann ich mir zu der Uhrzeit noch das Datum in der X-Achse anzeigen lassen?

                                Du kannst über die Option 'time formats of x-axis' im Editor ganz individuell dein format einstellen. Ist in der Doku entsprechend beschrieben:
                                https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart

                                1. Wie kann ich die Messeinheit in der Y-Achse anzeigen lassen?

                                Ist noch nicht implementiert. Hier das gleiche wie oben, bitte ein issue auf github erstellen.

                                O Online
                                O Online
                                Oli
                                schrieb am zuletzt editiert von
                                #50

                                @Scrounger

                                sorry, aber ich habe mir deinen Link zig mal durchgelesen, aber anscheinend reicht mein Horizont dafür nicht aus. Wäre nett wenn du mir da etwas unter die Arme greifen könntest.

                                Was müsste ich in der Option 'time formats of x-axis' eingeben, damit ich zur Uhrzeit zusätzlich noch das Datum angezeigt bekomme?

                                Beim testen deines 'List Value' Wigets ist mir aufgefallen, dass man die Höhe nicht ändern kann, ist das nur bei mir so?

                                59cb7430-dae0-4e78-b0b5-73a53704ec2f-image.png

                                Ich habe leider auch keine Einstellung gefunden, wo ich die Schriftfarbe ändern kann.

                                Und noch eine letzte Frage hätte och, gibt es bei deinem Table Wigets ein Möglichkeit des Zeilenumbruchs, wenn der Text zu lang ist?
                                d8e47489-ff13-40f3-90bc-6b8c55fb85a4-image.png

                                Gruß
                                Oliver

                                sigi234S ScroungerS 2 Antworten Letzte Antwort
                                0
                                • O Oli

                                  @Scrounger

                                  sorry, aber ich habe mir deinen Link zig mal durchgelesen, aber anscheinend reicht mein Horizont dafür nicht aus. Wäre nett wenn du mir da etwas unter die Arme greifen könntest.

                                  Was müsste ich in der Option 'time formats of x-axis' eingeben, damit ich zur Uhrzeit zusätzlich noch das Datum angezeigt bekomme?

                                  Beim testen deines 'List Value' Wigets ist mir aufgefallen, dass man die Höhe nicht ändern kann, ist das nur bei mir so?

                                  59cb7430-dae0-4e78-b0b5-73a53704ec2f-image.png

                                  Ich habe leider auch keine Einstellung gefunden, wo ich die Schriftfarbe ändern kann.

                                  Und noch eine letzte Frage hätte och, gibt es bei deinem Table Wigets ein Möglichkeit des Zeilenumbruchs, wenn der Text zu lang ist?
                                  d8e47489-ff13-40f3-90bc-6b8c55fb85a4-image.png

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

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

                                  Beim testen deines 'List Value' Wigets ist mir aufgefallen, dass man die Höhe nicht ändern kann, ist das nur bei mir so?

                                  Layout des Listenelements

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

                                  O 1 Antwort Letzte Antwort
                                  0
                                  • sigi234S sigi234

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

                                    Beim testen deines 'List Value' Wigets ist mir aufgefallen, dass man die Höhe nicht ändern kann, ist das nur bei mir so?

                                    Layout des Listenelements

                                    O Online
                                    O Online
                                    Oli
                                    schrieb am zuletzt editiert von
                                    #52

                                    @sigi234

                                    und wo finde ich das?

                                    Gruß
                                    Oliver

                                    sigi234S 1 Antwort Letzte Antwort
                                    0
                                    • O Oli

                                      @sigi234

                                      und wo finde ich das?

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

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

                                      @sigi234

                                      und wo finde ich das?

                                      Screenshot (685)_LI.jpg

                                      Warte, das ist das Widget List

                                      Du meinst ja Value Select

                                      Screenshot (688)_LI.jpg

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

                                      O 1 Antwort Letzte Antwort
                                      0
                                      • sigi234S sigi234

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

                                        @sigi234

                                        und wo finde ich das?

                                        Screenshot (685)_LI.jpg

                                        Warte, das ist das Widget List

                                        Du meinst ja Value Select

                                        Screenshot (688)_LI.jpg

                                        O Online
                                        O Online
                                        Oli
                                        schrieb am zuletzt editiert von
                                        #54

                                        @sigi234

                                        ich glaube wir sprechen von unterschiedlichen Widgets, ich meine das hier:

                                        f62fb49d-a87b-4745-9a71-7708bcae6212-image.png

                                        Gruß
                                        Oliver

                                        sigi234S 1 Antwort Letzte Antwort
                                        0
                                        • O Oli

                                          @sigi234

                                          ich glaube wir sprechen von unterschiedlichen Widgets, ich meine das hier:

                                          f62fb49d-a87b-4745-9a71-7708bcae6212-image.png

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

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

                                          @sigi234

                                          ich glaube wir sprechen von unterschiedlichen Widgets, ich meine das hier:

                                          Siehe Beitrag unten, 2.Screenshot

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

                                          D 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

                                          783

                                          Online

                                          32.5k

                                          Benutzer

                                          81.7k

                                          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