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

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

Test Adapter Material Design Widgets v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialwidget
902 Beiträge 77 Kommentatoren 233.2k 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.
  • D Offline
    D Offline
    dos1973
    schrieb am zuletzt editiert von
    #27

    Könnte der z-index sein...

    Hermanito33H 1 Antwort Letzte Antwort
    0
    • D dos1973

      Könnte der z-index sein...

      Hermanito33H Offline
      Hermanito33H Offline
      Hermanito33
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #30

          @sigi234 Habs hinbekommen funktioniert alles 🙂

          1 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • Hermanito33H Offline
              Hermanito33H Offline
              Hermanito33
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • S Offline
                  S Offline
                  skokarl
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      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.

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

                                      <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 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          491

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe