Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    227

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

Test Adapter Material Design Widgets v0.2.x

Test Adapter Material Design Widgets v0.2.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialwidget
902 Posts 77 Posters 233.0k Views 79 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

    Könnte der z-index sein...

    Hermanito33H Offline
    Hermanito33H Offline
    Hermanito33
    wrote on last edited by Hermanito33
    #28

    @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
    0
    • Hermanito33H Hermanito33

      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

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      wrote on last edited by
      #29

      @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

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

      Hermanito33H 1 Reply Last reply
      1
      • sigi234S sigi234

        @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

        Hermanito33H Offline
        Hermanito33H Offline
        Hermanito33
        wrote on last edited by
        #30

        @sigi234 Habs hinbekommen funktioniert alles 🙂

        1 Reply Last reply
        0
        • N Nikoxx

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

          Welche Version ist bei dir installiert? Wenn ich mir den Screenshot mit den ausblendeten Linien anschaue, denke ich das du nicht die aktuelle Version hast.

          Sollte die aktuelle von Github sein. 0.2.0

          Wenn z.B. alle Datensätze die Achse von Datensatz[0] verwenden sollen, dann so:
          2da873d9-3e9b-4a78-805a-c79bee636cc3-grafik.png

          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.

          Du hast die Datenpunkte (Objekte) auch entsprechend bei den beiden Widgets angepasst?

          Hast du die Anzahl der Datenpunkte begrenzt?
          e184c012-a0ea-4fc7-915e-af885985b13a-grafik.png?

          Ja, Datenpunkte angelegt und die Datenpunkte im Widget auch begrenzt.

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

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

          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

          N 1 Reply Last reply
          0
          • Hermanito33H Offline
            Hermanito33H Offline
            Hermanito33
            wrote on last edited by
            #32

            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?

            ScroungerS 1 Reply Last reply
            0
            • Hermanito33H Hermanito33

              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?

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

              @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"}]
              

              <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

              <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

              1 Reply Last reply
              0
              • S Offline
                S Offline
                skokarl
                wrote on last edited by
                #34

                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ß

                IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                ScroungerS 1 Reply Last reply
                0
                • S skokarl

                  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ß

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

                  @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

                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                  S 1 Reply Last reply
                  0
                  • 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
                    wrote on last edited by
                    #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 Reply Last reply
                    0
                    • D Offline
                      D Offline
                      dos1973
                      wrote on last edited by
                      #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 Reply Last reply
                      0
                      • D Offline
                        D Offline
                        davimas
                        wrote on last edited by 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 Reply Last reply
                        1
                        • N Offline
                          N Offline
                          nousefor82
                          wrote on last edited by 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 Reply Last reply
                          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
                            wrote on last edited by 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.

                            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                            1 Reply Last reply
                            1
                            • B4n4n3B Offline
                              B4n4n3B Offline
                              B4n4n3
                              wrote on last edited by
                              #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 Reply Last reply
                              0
                              • D Offline
                                D Offline
                                davimas
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #43

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

                                  D 1 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #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

                                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                    1 Reply Last reply
                                    0
                                    • MeistertrM Meistertr

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

                                      D Offline
                                      D Offline
                                      davimas
                                      wrote on last edited by davimas
                                      #45

                                      @Meistertr
                                      Vielen Dank für deine Antwort.

                                      1 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        0
                                        • O Offline
                                          O Offline
                                          Oli
                                          wrote on last edited by
                                          #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 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

                                          51

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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