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

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      Buddinski88 @Scrounger last edited by

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

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

      Woher kommt "keyboard_arrow"? Sollte hier nicht "Gewerke" stehen?

      Jetzt weiß ich glaub woran das liegt.
      Du hast hier ja eine andere Schriftart verwendet? Wenn ja wie hast du die zugewiesen?
      Nimm die mal raus und schau ob es richtig dargestellt wird.

      Hi Scrounger,

      Volltreffer! 🙂

      Hab die Schrift wie folgt zugewiesen:

      .materialdesign-widget * span  {
          font-family: "Jura-DemiBold" !important;
      }
      

      Das war glaub von dir auch die Anweisung.

      Kannst du mir sagen wie ich das fixe? Habe zwar mal die Entwicklertools angeworfen, aber ich bekomme es selber nicht hin.

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

        @Oli

        super, hat geklappt

        ich wollte beim Input- und Auswahlwigdget die Höhe verändern, funktioniert aber leider nicht

        372e4ac6-a5a1-40d4-94b8-3d574260bb4d-image.png

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

          Hab jetzt noch die Material Design Icons library implementiert:
          014b8f6a-9312-4315-a313-6f75989ac037-grafik.png

          Ihr könnt anstatt ein Bild auszuwählen, aus dem dropdown menu ein icon auswählen. Ist noch nicht bei allen Widgets implementiert!
          Mehr dazu siehe:
          https://github.com/Scrounger/ioBroker.vis-materialdesign#material-design-icons-and-images

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

          Kannst du mir sagen wie ich das fixe? Habe zwar mal die Entwicklertools angeworfen, aber ich bekomme es selber nicht hin.

          Ja indem du dir den aktuellen master ziehst, habs behoben.

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

          @Oli
          ich wollte beim Input- und Auswahlwigdget die Höhe verändern, funktioniert aber leider nicht

          Das geht schon, aber die Widgets haben eine Mindesthöhe, damit das Layout funktioniert, ist so durch die verwendeten API vorgegeben.
          Per css kann man das aber sicher verbiegen - ob dann noch alles korrekt funktioniert kann ich nicht sagen.

          D B 2 Replies Last reply Reply Quote 1
          • D
            darkiop Most Active @Scrounger last edited by darkiop

            @Scrounger Klasse, da gehen die Icons nicht aus 🙂

            Eben mal noch schnell alles geladen. Kann es sein dass das Widget 'icon button toggle' defekt ist? Die bereits vorhandenen Schreiben nicht mehr in die Datenpunkte und neue lassen sich im Editor nicht hinzufügen.

            Browser-Log:

            [Button] handleToggle: error:: Syntax error, unrecognized expression: .materialdesign-icon-image., stack: s</gb.error@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:12717
            s</gb.tokenize@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:18644
            gb@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:7066
            find@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:23646
            changeIconElement@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:5301
            l@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:8859
            handleToggle@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:9097
            this.fn/</<@tplVis-materialdesign-Icon-Button-Toggle.js:57:93
            can.view.pending/</<@http://example.com:8082/vis/lib/js/can.custom.min.js:64:6167
            a.each@http://example.com:8082/vis/lib/js/can.custom.min.js:24:294
            can.view.pending/<@http://example.com:8082/vis/lib/js/can.custom.min.js:64:6147
            hookup/<@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1841
            a.each@http://example.com:8082/vis/lib/js/can.custom.min.js:24:294
            hookup@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1751
            frag@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1344
            r@http://example.com:8082/vis/lib/js/can.custom.min.js:58:131
            renderTo@http://example.com:8082/vis/lib/js/can.custom.min.js:58:2982
            renderAs@http://example.com:8082/vis/lib/js/can.custom.min.js:58:3631
            e.template@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1267
            renderWidget@http://example.com:8082/vis/js/vis.js:1593:33
            renderView/<@http://example.com:8082/vis/js/vis.js:885:120
            subscribeStates@http://example.com:8082/vis/js/vis.js:2741:27
            renderView@http://example.com:8082/vis/js/vis.js:797:14
            renderViews@http://example.com:8082/vis/js/vis.js:759:14
            renderView/<@http://example.com:8082/vis/js/vis.js:915:22
            subscribeStates/<@http://example.com:8082/vis/js/vis.js:2738:31
            getStates/<@http://example.com:8082/vis/js/conn.js:730:29
            n.prototype.onack@http://example.com:8082/socket.io/socket.io.js:3:6057
            n.prototype.onpacket@http://example.com:8082/socket.io/socket.io.js:3:5417
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.ondecoded@http://example.com:8082/socket.io/socket.io.js:1:29250
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            r.prototype.emit@http://example.com:8082/socket.io/socket.io.js:1:23662
            s.prototype.add@http://example.com:8082/socket.io/socket.io.js:1:10407
            n.prototype.ondata@http://example.com:8082/socket.io/socket.io.js:1:29203
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:5906
            n.prototype.setTransport/<@http://example.com:8082/socket.io/socket.io.js:2:3527
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:17998
            n.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:17947
            n.prototype.addEventListeners/this.ws.onmessage@http://example.com:8082/socket.io/socket.io.js:3:1447
            EventHandlerNonNull*n.prototype.addEventListeners@http://example.com:8082/socket.io/socket.io.js:3:1415
            n.prototype.doOpen@http://example.com:8082/socket.io/socket.io.js:3:1263
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:17521
            n.prototype.probe@http://example.com:8082/socket.io/socket.io.js:2:5142
            n.prototype.onOpen@http://example.com:8082/socket.io/socket.io.js:2:5451
            n.prototype.onHandshake@http://example.com:8082/socket.io/socket.io.js:2:6246
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:5728
            n.prototype.setTransport/<@http://example.com:8082/socket.io/socket.io.js:2:3527
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:17998
            r@http://example.com:8082/socket.io/socket.io.js:2:15622
            e.decodePayloadAsBinary/<@http://example.com:8082/socket.io/socket.io.js:2:23105
            e.decodePayloadAsBinary@http://example.com:8082/socket.io/socket.io.js:2:23082
            e.decodePayload@http://example.com:8082/socket.io/socket.io.js:2:21051
            n.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:15637
            o.prototype.doPoll/<@http://example.com:8082/socket.io/socket.io.js:2:11792
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            i.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:13353
            i.prototype.onLoad@http://example.com:8082/socket.io/socket.io.js:2:14206
            i.prototype.create/r.onreadystatechange@http://example.com:8082/socket.io/socket.io.js:2:13013
            EventHandlerNonNull*i.prototype.create@http://example.com:8082/socket.io/socket.io.js:2:12879
            i@http://example.com:8082/socket.io/socket.io.js:2:10817
            o.prototype.request@http://example.com:8082/socket.io/socket.io.js:2:11465
            o.prototype.doPoll@http://example.com:8082/socket.io/socket.io.js:2:11749
            n.prototype.poll@http://example.com:8082/socket.io/socket.io.js:2:15419
            n.prototype.doOpen@http://example.com:8082/socket.io/socket.io.js:2:14890
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:17521
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:3226
            n@http://example.com:8082/socket.io/socket.io.js:2:1746
            n@http://example.com:8082/socket.io/socket.io.js:1:31854
            n.prototype.connect@http://example.com:8082/socket.io/socket.io.js:1:27920
            n@http://example.com:8082/socket.io/socket.io.js:1:26121
            n@http://example.com:8082/socket.io/socket.io.js:1:26130
            n@http://example.com:8082/socket.io/socket.io.js:1:752
            init@http://example.com:8082/vis/js/conn.js:240:31
            main@http://example.com:8082/vis/js/vis.js:3264:14
            @http://example.com:8082/vis/js/vis.js:3537:13
            j@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:27295
            fireWith@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:28108
            ready@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:29942
            J@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30308
            EventListener.handleEvent*m.ready.promise@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30444
            m.fn.ready@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:29700
            m.fn.init@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:24721
            m@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:393
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30877
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:207
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:212
            2 widgets.min.js:1:9486
            [Button] handleToggle: error:: Syntax error, unrecognized expression: .materialdesign-icon-image., stack: s</gb.error@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:12717
            s</gb.tokenize@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:18644
            gb@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:7066
            find@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:23646
            changeIconElement@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:5301
            l@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:8539
            handleToggle@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:9097
            this.fn/</<@tplVis-materialdesign-Icon-Button-Toggle.js:57:93
            can.view.pending/</<@http://example.com:8082/vis/lib/js/can.custom.min.js:64:6167
            a.each@http://example.com:8082/vis/lib/js/can.custom.min.js:24:294
            can.view.pending/<@http://example.com:8082/vis/lib/js/can.custom.min.js:64:6147
            hookup/<@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1841
            a.each@http://example.com:8082/vis/lib/js/can.custom.min.js:24:294
            hookup@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1751
            frag@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1344
            r@http://example.com:8082/vis/lib/js/can.custom.min.js:58:131
            renderTo@http://example.com:8082/vis/lib/js/can.custom.min.js:58:2982
            renderAs@http://example.com:8082/vis/lib/js/can.custom.min.js:58:3631
            e.template@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1267
            renderWidget@http://example.com:8082/vis/js/vis.js:1593:33
            renderView/<@http://example.com:8082/vis/js/vis.js:885:120
            subscribeStates@http://example.com:8082/vis/js/vis.js:2741:27
            renderView@http://example.com:8082/vis/js/vis.js:797:14
            renderViews@http://example.com:8082/vis/js/vis.js:759:14
            renderView/<@http://example.com:8082/vis/js/vis.js:915:22
            subscribeStates/<@http://example.com:8082/vis/js/vis.js:2738:31
            getStates/<@http://example.com:8082/vis/js/conn.js:730:29
            n.prototype.onack@http://example.com:8082/socket.io/socket.io.js:3:6057
            n.prototype.onpacket@http://example.com:8082/socket.io/socket.io.js:3:5417
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.ondecoded@http://example.com:8082/socket.io/socket.io.js:1:29250
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            r.prototype.emit@http://example.com:8082/socket.io/socket.io.js:1:23662
            s.prototype.add@http://example.com:8082/socket.io/socket.io.js:1:10407
            n.prototype.ondata@http://example.com:8082/socket.io/socket.io.js:1:29203
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:5906
            n.prototype.setTransport/<@http://example.com:8082/socket.io/socket.io.js:2:3527
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:17998
            n.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:17947
            n.prototype.addEventListeners/this.ws.onmessage@http://example.com:8082/socket.io/socket.io.js:3:1447
            EventHandlerNonNull*n.prototype.addEventListeners@http://example.com:8082/socket.io/socket.io.js:3:1415
            n.prototype.doOpen@http://example.com:8082/socket.io/socket.io.js:3:1263
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:17521
            n.prototype.probe@http://example.com:8082/socket.io/socket.io.js:2:5142
            n.prototype.onOpen@http://example.com:8082/socket.io/socket.io.js:2:5451
            n.prototype.onHandshake@http://example.com:8082/socket.io/socket.io.js:2:6246
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:5728
            n.prototype.setTransport/<@http://example.com:8082/socket.io/socket.io.js:2:3527
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:17998
            r@http://example.com:8082/socket.io/socket.io.js:2:15622
            e.decodePayloadAsBinary/<@http://example.com:8082/socket.io/socket.io.js:2:23105
            e.decodePayloadAsBinary@http://example.com:8082/socket.io/socket.io.js:2:23082
            e.decodePayload@http://example.com:8082/socket.io/socket.io.js:2:21051
            n.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:15637
            o.prototype.doPoll/<@http://example.com:8082/socket.io/socket.io.js:2:11792
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            i.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:13353
            i.prototype.onLoad@http://example.com:8082/socket.io/socket.io.js:2:14206
            i.prototype.create/r.onreadystatechange@http://example.com:8082/socket.io/socket.io.js:2:13013
            EventHandlerNonNull*i.prototype.create@http://example.com:8082/socket.io/socket.io.js:2:12879
            i@http://example.com:8082/socket.io/socket.io.js:2:10817
            o.prototype.request@http://example.com:8082/socket.io/socket.io.js:2:11465
            o.prototype.doPoll@http://example.com:8082/socket.io/socket.io.js:2:11749
            n.prototype.poll@http://example.com:8082/socket.io/socket.io.js:2:15419
            n.prototype.doOpen@http://example.com:8082/socket.io/socket.io.js:2:14890
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:17521
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:3226
            n@http://example.com:8082/socket.io/socket.io.js:2:1746
            n@http://example.com:8082/socket.io/socket.io.js:1:31854
            n.prototype.connect@http://example.com:8082/socket.io/socket.io.js:1:27920
            n@http://example.com:8082/socket.io/socket.io.js:1:26121
            n@http://example.com:8082/socket.io/socket.io.js:1:26130
            n@http://example.com:8082/socket.io/socket.io.js:1:752
            init@http://example.com:8082/vis/js/conn.js:240:31
            main@http://example.com:8082/vis/js/vis.js:3264:14
            @http://example.com:8082/vis/js/vis.js:3537:13
            j@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:27295
            fireWith@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:28108
            ready@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:29942
            J@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30308
            EventListener.handleEvent*m.ready.promise@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30444
            m.fn.ready@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:29700
            m.fn.init@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:24721
            m@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:393
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30877
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:207
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:212
            widgets.min.js:1:9486
            [Button] handleToggle: error:: Syntax error, unrecognized expression: .materialdesign-icon-image., stack: s</gb.error@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:12717
            s</gb.tokenize@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:18644
            gb@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:7066
            find@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:23646
            changeIconElement@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:5301
            l@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:8859
            handleToggle@http://example.com:8082/vis/widgets/materialdesign/js/widgets.min.js:1:9097
            this.fn/</<@tplVis-materialdesign-Icon-Button-Toggle.js:57:93
            can.view.pending/</<@http://example.com:8082/vis/lib/js/can.custom.min.js:64:6167
            a.each@http://example.com:8082/vis/lib/js/can.custom.min.js:24:294
            can.view.pending/<@http://example.com:8082/vis/lib/js/can.custom.min.js:64:6147
            hookup/<@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1841
            a.each@http://example.com:8082/vis/lib/js/can.custom.min.js:24:294
            hookup@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1751
            frag@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1344
            r@http://example.com:8082/vis/lib/js/can.custom.min.js:58:131
            renderTo@http://example.com:8082/vis/lib/js/can.custom.min.js:58:2982
            renderAs@http://example.com:8082/vis/lib/js/can.custom.min.js:58:3631
            e.template@http://example.com:8082/vis/lib/js/can.custom.min.js:58:1267
            renderWidget@http://example.com:8082/vis/js/vis.js:1593:33
            renderView/<@http://example.com:8082/vis/js/vis.js:885:120
            subscribeStates@http://example.com:8082/vis/js/vis.js:2741:27
            renderView@http://example.com:8082/vis/js/vis.js:797:14
            renderViews@http://example.com:8082/vis/js/vis.js:759:14
            renderView/<@http://example.com:8082/vis/js/vis.js:915:22
            subscribeStates/<@http://example.com:8082/vis/js/vis.js:2738:31
            getStates/<@http://example.com:8082/vis/js/conn.js:730:29
            n.prototype.onack@http://example.com:8082/socket.io/socket.io.js:3:6057
            n.prototype.onpacket@http://example.com:8082/socket.io/socket.io.js:3:5417
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.ondecoded@http://example.com:8082/socket.io/socket.io.js:1:29250
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            r.prototype.emit@http://example.com:8082/socket.io/socket.io.js:1:23662
            s.prototype.add@http://example.com:8082/socket.io/socket.io.js:1:10407
            n.prototype.ondata@http://example.com:8082/socket.io/socket.io.js:1:29203
            t.exports/<@http://example.com:8082/socket.io/socket.io.js:3:7486
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:5906
            n.prototype.setTransport/<@http://example.com:8082/socket.io/socket.io.js:2:3527
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:17998
            n.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:17947
            n.prototype.addEventListeners/this.ws.onmessage@http://example.com:8082/socket.io/socket.io.js:3:1447
            EventHandlerNonNull*n.prototype.addEventListeners@http://example.com:8082/socket.io/socket.io.js:3:1415
            n.prototype.doOpen@http://example.com:8082/socket.io/socket.io.js:3:1263
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:17521
            n.prototype.probe@http://example.com:8082/socket.io/socket.io.js:2:5142
            n.prototype.onOpen@http://example.com:8082/socket.io/socket.io.js:2:5451
            n.prototype.onHandshake@http://example.com:8082/socket.io/socket.io.js:2:6246
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:5728
            n.prototype.setTransport/<@http://example.com:8082/socket.io/socket.io.js:2:3527
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            n.prototype.onPacket@http://example.com:8082/socket.io/socket.io.js:2:17998
            r@http://example.com:8082/socket.io/socket.io.js:2:15622
            e.decodePayloadAsBinary/<@http://example.com:8082/socket.io/socket.io.js:2:23105
            e.decodePayloadAsBinary@http://example.com:8082/socket.io/socket.io.js:2:23082
            e.decodePayload@http://example.com:8082/socket.io/socket.io.js:2:21051
            n.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:15637
            o.prototype.doPoll/<@http://example.com:8082/socket.io/socket.io.js:2:11792
            n.prototype.emit@http://example.com:8082/socket.io/socket.io.js:2:28725
            i.prototype.onData@http://example.com:8082/socket.io/socket.io.js:2:13353
            i.prototype.onLoad@http://example.com:8082/socket.io/socket.io.js:2:14206
            i.prototype.create/r.onreadystatechange@http://example.com:8082/socket.io/socket.io.js:2:13013
            EventHandlerNonNull*i.prototype.create@http://example.com:8082/socket.io/socket.io.js:2:12879
            i@http://example.com:8082/socket.io/socket.io.js:2:10817
            o.prototype.request@http://example.com:8082/socket.io/socket.io.js:2:11465
            o.prototype.doPoll@http://example.com:8082/socket.io/socket.io.js:2:11749
            n.prototype.poll@http://example.com:8082/socket.io/socket.io.js:2:15419
            n.prototype.doOpen@http://example.com:8082/socket.io/socket.io.js:2:14890
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:17521
            n.prototype.open@http://example.com:8082/socket.io/socket.io.js:2:3226
            n@http://example.com:8082/socket.io/socket.io.js:2:1746
            n@http://example.com:8082/socket.io/socket.io.js:1:31854
            n.prototype.connect@http://example.com:8082/socket.io/socket.io.js:1:27920
            n@http://example.com:8082/socket.io/socket.io.js:1:26121
            n@http://example.com:8082/socket.io/socket.io.js:1:26130
            n@http://example.com:8082/socket.io/socket.io.js:1:752
            init@http://example.com:8082/vis/js/conn.js:240:31
            main@http://example.com:8082/vis/js/vis.js:3264:14
            @http://example.com:8082/vis/js/vis.js:3537:13
            j@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:27295
            fireWith@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:28108
            ready@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:29942
            J@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30308
            EventListener.handleEvent*m.ready.promise@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30444
            m.fn.ready@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:29700
            m.fn.init@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:24721
            m@http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:393
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:30877
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:207
            @http://example.com:8082/lib/js/jquery-1.11.2.min.js:2:212
            widgets.min.js:1:9486
            [1579211935311] Request 8 states. vis.js:2732:21
            downloadable font: Size of decompressed WOFF 2.0 is less than compressed size (font-family: "Material Icons" style:normal weight:400 stretch:100 src index:2) source: http://example.com:8082/vi…aldesign/lib/font/material-icons/MaterialIcons-Regular.woff2
            downloadable font: rejected by sanitizer (font-family: "Material Icons" style:normal weight:400 stretch:100 src index:2) source: http://example.com:8082/vi…aldesign/lib/font/material-icons/MaterialIcons-Regular.woff2
            Wed Jan 15 2020 22:58:55 GMT+0100 (Mitteleuropäische Normalzeit) - Thu Jan 16 2020 22:58:55 GMT+0100 (Mitteleuropäische Normalzeit) 4 data.js:412
            Error: Invalid dimensions for plot, width = 0, height = 0
            
            Scrounger 1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @darkiop last edited by

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

              @Scrounger Klasse, da gehen die Icons nicht aus 🙂

              Eben mal noch schnell alles geladen. Kann es sein dass das Widget 'icon button toggle' defekt ist? Die bereits vorhandenen Schreiben nicht mehr in die Datenpunkte und neue lassen sich im Editor nicht hinzufügen.

              Habs korrigiert.

              D 1 Reply Last reply Reply Quote 1
              • D
                darkiop Most Active @Scrounger last edited by

                @Scrounger Passt wieder.

                Noch eine Frage:

                Ich nutze deine Farb-Presets für die Diagramme. Allerdings werden diese erst >1 OID verwendet. Schöner wäre doch, wenn auch im Diagramm mit einer OID die erste Farbe aus dem Preset verwendet wird. Ist das von dir so gewollt oder eher als Bug einzustufen?

                f08891b1-6eba-4699-bd6f-6821eb04df1c-grafik.png

                Scrounger 1 Reply Last reply Reply Quote 0
                • C
                  calliou1234 last edited by

                  Hallo,

                  ich kämpfe gerade mit dem Value Select Widget.

                  Ich habe 2 Line History Charts über 2 basic in widget Views eingebunden.

                  Beim oberen funktioniert die Auswahl. Selektion geht nach unten auf.

                  Beim unteren klappt die Selektion immer nach oben auf. Egal was ich bisher probiert habe.
                  Widget hat die gleichen Einstellungen (Ex- und Import vom oberen)

                  Bildschirmfoto vom 2020-01-17 12-24-29.png

                  Jemand ne Idee.

                  Grüße
                  Thomas

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

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

                    Ich nutze deine Farb-Presets für die Diagramme. Allerdings werden diese erst >1 OID verwendet. Schöner wäre doch, wenn auch im Diagramm mit einer OID die erste Farbe aus dem Preset verwendet wird. Ist das von dir so gewollt oder eher als Bug einzustufen?

                    Ist nen Fehler, werd ich beheben.

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

                    Beim unteren klappt die Selektion immer nach oben auf.

                    Wenn nach unten nicht genügend Platz im Browser-Fenster ist, dann klappt des nach oben auf.

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

                      @Scrounger

                      Warum kommt jetzt das?
                      Wo muss ich jetzt xxxx | xxxxx eintragen so wie früher?

                      Screenshot (1343)_LI.jpg

                      Und wenn ich das Menü öffne, dann verschiebt sich das View in Widget 8 nicht mehr mit.

                      Screenshot (1341)_LI.jpg

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

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

                        @Scrounger

                        Warum kommt jetzt das?
                        Wo muss ich jetzt xxxx | xxxxx eintragen so wie früher?

                        Bei Beschriftung, schau dir das online Beispiel an

                        Und wenn ich das Menü öffne, dann verschiebt sich das View in Widget 8 nicht mehr mit.

                        Das war das dissmissable Layout. Das gibt es jetzt nicht mehr, da bei diesem layout das view in widget8 nicht responsiv genutzt werden konnte.

                        1 Reply Last reply Reply Quote 0
                        • B
                          Buddinski88 @Scrounger last edited by Buddinski88

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

                          Hab jetzt noch die Material Design Icons library implementiert:
                          014b8f6a-9312-4315-a313-6f75989ac037-grafik.png

                          Ihr könnt anstatt ein Bild auszuwählen, aus dem dropdown menu ein icon auswählen. Ist noch nicht bei allen Widgets implementiert!
                          Mehr dazu siehe:
                          https://github.com/Scrounger/ioBroker.vis-materialdesign#material-design-icons-and-images

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

                          Kannst du mir sagen wie ich das fixe? Habe zwar mal die Entwicklertools angeworfen, aber ich bekomme es selber nicht hin.

                          Ja indem du dir den aktuellen master ziehst, habs behoben.

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

                          @Oli
                          ich wollte beim Input- und Auswahlwigdget die Höhe verändern, funktioniert aber leider nicht

                          Das geht schon, aber die Widgets haben eine Mindesthöhe, damit das Layout funktioniert, ist so durch die verwendeten API vorgegeben.
                          Per css kann man das aber sicher verbiegen - ob dann noch alles korrekt funktioniert kann ich nicht sagen.

                          Super, vielen Dank. Jetzt klappt es auch richtig 🙂

                          Edit: Jetzt habe ich die Seite mal neu geladen und nun kommt wieder Keyboard... Cache gelöscht, Instanz neu geladen. Nachvollziehbar mit aktuellem Master auf dem PC/Chrome und iPhone/Safari.

                          31b749fb-128c-44b9-b9d2-e1d2d6663846-image.png
                          5dd9ab69-6376-4e6a-8de8-b28cc9b32ab8-image.png

                          Kann ich dir noch mehr Informationen bereitstellen?

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

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

                            Kann ich dir noch mehr Informationen bereitstellen?

                            hmm bei mir funktioniert das auf Firefox, Chrome & safari. Was steht in der console vom Browser?

                            führ mal ein iobroker upload vis aus und iobroker restart machen.

                            Wenn das nichts hilft, dann adapter komplett deinstallieren und folgende Dateien / ordner von hand löschen:

                            • \iobroker-data\files\vis\widgets -> materialdesign ordner & materialdesign.html löschen
                            • \node_modules\iobroker.vis\www\widgets -> materialdesign ordner & materialdesign.html löschen

                            dann neu installieren.

                            1 Reply Last reply Reply Quote 0
                            • Iccube
                              Iccube last edited by

                              Hallo @Scrounger ,

                              erstmal Top Arbeit deine Widgets gefallen mir mega.👍 😀

                              Habe die Schriftart wie @Buddinski88 unter CSS geändert dabei wird beim Widget Top Appbar das Symbol
                              für das listenelement nicht mehr angezeigt.
                              Menu.png
                              css.png

                              Kann ich das irgendwie wieder korrigieren ?

                              Grüße Lukas

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

                                @Icube
                                externe Schriftarten herunterladen im Browser ist aktiviert?

                                Iccube D 4 Replies Last reply Reply Quote 0
                                • Iccube
                                  Iccube @Scrounger last edited by

                                  @Scrounger konnte die Einstellung nicht im Browser finden benutze Firefox.
                                  Beim Handy und Tablet ist es genauso da nutze ich chrome.

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

                                    @Scrounger doch gefunden ist aktivschrift.png

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

                                      @Scrounger hilft dir das weiter ?
                                      fehler.png

                                      1 Reply Last reply Reply Quote 0
                                      • D
                                        darkiop Most Active @Scrounger last edited by

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

                                        @Icube
                                        externe Schriftarten herunterladen im Browser ist aktiviert?

                                        Ich habe gerade festgestellt das ich das auch ab und zu habe:

                                        8b2639ef-4711-42fd-bd09-5708b1320b5a-grafik.png

                                        04fe4b11-b0f1-464d-ae71-59cb577c3848-grafik.png

                                        Das scheint immer dann zu sein, wenn man eine Unterseite im View in Widget 8 geladen hat. Wechselt man wieder auf Ebene 1 und lädt alles neu wird der Pfeil wieder angezeigt. Die Meldungen im Log sind in beiden Fällen die selben.

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

                                          @darkiop @icecube

                                          So hab den fehler mit dem keyarrow gefunden und behoben. aktuellen master testen -> v0.2.43.

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

                                          @Scrounger

                                          Jupp, autocomplete

                                          DIe version enthält auch schon ne beta vom autocomplete. Funktion sollte gehen, fehlen nur ein paar styling optionen.
                                          Extra nur für Dich 😉

                                          Iccube I D 3 Replies Last reply Reply Quote 1
                                          • Iccube
                                            Iccube @Scrounger last edited by

                                            @Scrounger leider ist der fehler immer noch da
                                            fehler.png vis.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

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