Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Entwicklung
  4. [Neuer VIS-Adpater] Material Design Widgets

NEWS

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

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

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

[Neuer VIS-Adpater] Material Design Widgets

Scheduled Pinned Locked Moved Entwicklung
adapter
271 Posts 30 Posters 51.5k Views 43 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 Online
    D Online
    darkiop
    Most Active
    wrote on last edited by
    #101

    @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

    Der slider Knopf beilbt auf dem Handy und wenn ich am PC bei Chrome f12 drücke nur auf der linken Seite und lässt sich ncith bedienen.

    Ohne es heute nochmal getestet zu haben, das hatte ich gestern auch mit der Firefox Developer Edition. Aufm Ipad mit Safari hats funktioniert.

    Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

    1 Reply Last reply
    0
    • MeistertrM Offline
      MeistertrM Offline
      Meistertr
      Developer
      wrote on last edited by
      #102

      @Scrounger noch etwas ist mir gerade aufgefallen das widgetset hat wauswirkungen auf das normale view in 8 widget. in meinem hauprojekt nutze ich es und dort ist nun alles nach links verschoben Ursache sieh bild:

      2019-10-08_20h01_22.png

      1 Reply Last reply
      0
      • MeistertrM Meistertr

        Screenshot_20191008_085925_com.android.chrome.jpg

        Der slider Knopf beilbt auf dem Handy und wenn ich am PC bei Chrome f12 drücke nur auf der linken Seite und lässt sich ncith bedienen.

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

        @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

        Der slider Knopf beilbt auf dem Handy und wenn ich am PC bei Chrome f12 drücke nur auf der linken Seite und lässt sich ncith bedienen.

        Tritt das verhalten nur auf wenn die View Teil von der TopAppBar ist, oder genrell?

        @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

        @Scrounger noch etwas ist mir gerade aufgefallen das widgetset hat wauswirkungen auf das normale view in 8 widget. in meinem hauprojekt nutze ich es und dort ist nun alles nach links verschoben Ursache sieh bild:

        Hab gard ein fix dafür hochgeladen. Bitte testen, kann das verhalten bei mir nicht nachstellen.

        <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

          Screenshot_20191008_085925_com.android.chrome.jpg

          Der slider Knopf beilbt auf dem Handy und wenn ich am PC bei Chrome f12 drücke nur auf der linken Seite und lässt sich ncith bedienen.

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

          @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

          Der slider Knopf beilbt auf dem Handy und wenn ich am PC bei Chrome f12 drücke nur auf der linken Seite und lässt sich ncith bedienen.

          Kann ich bestätigen. Habe ihn als Volume drinnen für Alexa Dot.
          Wenn ich im Editor den Slider verschiebe geht es.
          In der Runtime nicht, da geht der Wert sofort auf 100 % und der Slider ist nicht verschiebbar.
          Welche Unterschiede gibt es eigentlich zwischen den 2 Slider?

          Screenshot (222)_LI.jpg
          View in Bearbeitung

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

          ScroungerS 1 Reply Last reply
          0
          • sigi234S sigi234

            @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

            Der slider Knopf beilbt auf dem Handy und wenn ich am PC bei Chrome f12 drücke nur auf der linken Seite und lässt sich ncith bedienen.

            Kann ich bestätigen. Habe ihn als Volume drinnen für Alexa Dot.
            Wenn ich im Editor den Slider verschiebe geht es.
            In der Runtime nicht, da geht der Wert sofort auf 100 % und der Slider ist nicht verschiebbar.
            Welche Unterschiede gibt es eigentlich zwischen den 2 Slider?

            Screenshot (222)_LI.jpg
            View in Bearbeitung

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

            @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

            In der Runtime nicht, da geht der Wert sofort auf 100 % und der Slider ist nicht verschiebbar.

            d.h. die Slider sind bei dir nicht in der View der TopAppBar?

            Welche Unterschiede gibt es eigentlich zwischen den 2 Slider?

            siehe https://github.com/Scrounger/iobroker.vis-materialdesign#slider

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

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

            sigi234S 2 Replies Last reply
            0
            • ScroungerS Scrounger

              @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

              In der Runtime nicht, da geht der Wert sofort auf 100 % und der Slider ist nicht verschiebbar.

              d.h. die Slider sind bei dir nicht in der View der TopAppBar?

              Welche Unterschiede gibt es eigentlich zwischen den 2 Slider?

              siehe https://github.com/Scrounger/iobroker.vis-materialdesign#slider

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

              @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

              siehe https://github.com/Scrounger/iobroker.vis-materialdesign#slider

              Step marker:grinning:

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

              1 Reply Last reply
              0
              • ScroungerS Scrounger

                @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                In der Runtime nicht, da geht der Wert sofort auf 100 % und der Slider ist nicht verschiebbar.

                d.h. die Slider sind bei dir nicht in der View der TopAppBar?

                Welche Unterschiede gibt es eigentlich zwischen den 2 Slider?

                siehe https://github.com/Scrounger/iobroker.vis-materialdesign#slider

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

                @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                d.h. die Slider sind bei dir nicht in der View der TopAppBar?

                Nein, in einer View die ich dann einblende.
                Stelle fast alles auf deine Widgets um.
                Aber auch in der View in der TopBar das selbe:

                Screenshot (226).png

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

                ScroungerS 1 Reply Last reply
                0
                • ScroungerS Offline
                  ScroungerS Offline
                  Scrounger
                  Developer
                  wrote on last edited by Scrounger
                  #108

                  Die List ist fertig zum testen. Folgende Funktionen sind implementiert:

                  • checkbox
                  • switch
                  • text
                  • button state
                  • button toggle
                  • button link
                  • button navigation

                  list.gif

                  <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
                  2
                  • sigi234S sigi234

                    @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                    d.h. die Slider sind bei dir nicht in der View der TopAppBar?

                    Nein, in einer View die ich dann einblende.
                    Stelle fast alles auf deine Widgets um.
                    Aber auch in der View in der TopBar das selbe:

                    Screenshot (226).png

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

                    @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                    Nein, in einer View die ich dann einblende.
                    Stelle fast alles auf deine Widgets um.
                    Aber auch in der View in der TopBar das selbe:

                    Ich habe eine Attribut 'initDelay' beim slider hinzugefügt. Mit dem könnt ihr die Verzögerung beim Initialisieren des Sliders einstellen - Eingabe in ms.

                    Clipboard02.png

                    Testet bei euren Browsen ob höhere Wert das Phänom beheben.
                    Falls ja, dann bitte rückmelden welchen Wert ihr eingestellt habt und welchen Browser ihr benutzt.

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

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

                    sigi234S 1 Reply Last reply
                    0
                    • ScroungerS Scrounger

                      @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                      Nein, in einer View die ich dann einblende.
                      Stelle fast alles auf deine Widgets um.
                      Aber auch in der View in der TopBar das selbe:

                      Ich habe eine Attribut 'initDelay' beim slider hinzugefügt. Mit dem könnt ihr die Verzögerung beim Initialisieren des Sliders einstellen - Eingabe in ms.

                      Clipboard02.png

                      Testet bei euren Browsen ob höhere Wert das Phänom beheben.
                      Falls ja, dann bitte rückmelden welchen Wert ihr eingestellt habt und welchen Browser ihr benutzt.

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

                      @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                      Testet bei euren Browsen ob höhere Wert das Phänom beheben.

                      Leider nein, in Edit Modus geht es einwandfrei. In der Runtime mit Chrome und FF nicht.
                      Die Linie geht Richtig mit, aber der Knopf nicht. Auch beim betätigen am Dot selbst von + und - funktioniert alles bis auch den Knopf. Die Werte werden auch Richtig angezeigt.
                      Ich teste mal weiter.

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

                      1 Reply Last reply
                      0
                      • D Online
                        D Online
                        darkiop
                        Most Active
                        wrote on last edited by
                        #111

                        Weiterhin, klasse Arbeit - das werden die neuen Standard Widgets!!

                        Mir ist es jetzt schon öfters passiert, das ich über die EDIT Vis Werte verändert habe beim Slider anklicken - kannst du das unterbinden? :D

                        Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                        sigi234S 1 Reply Last reply
                        0
                        • D Online
                          D Online
                          darkiop
                          Most Active
                          wrote on last edited by
                          #112

                          Bei der Liste wird aktuell die Änderung der font-family ignoriert - bevor ich jetzt anfange mit CSS zu tricksen, kannst du dir das mal anschauen?

                          Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                          1 Reply Last reply
                          0
                          • D darkiop

                            Weiterhin, klasse Arbeit - das werden die neuen Standard Widgets!!

                            Mir ist es jetzt schon öfters passiert, das ich über die EDIT Vis Werte verändert habe beim Slider anklicken - kannst du das unterbinden? :D

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

                            @darkiop sagte in [Neuer VIS-Adpater] Material Design Widgets:

                            Weiterhin, klasse Arbeit - das werden die neuen Standard Widgets!!

                            Mir ist es jetzt schon öfters passiert, das ich über die EDIT Vis Werte verändert habe beim Slider anklicken - kannst du das unterbinden? :D

                            Das habe ich auch beim Slider den ich als Volume für Alexa Dot einsetze. Wenn ich im Edit Modus raufklicke geht Volume sofort auf 100 % in der Runtime reagiert er gar nicht.

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

                            1 Reply Last reply
                            0
                            • ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by Scrounger
                              #114

                              Ich hab nochmal einen fix Versuch für den Slider hochgeladen.

                              Bei mir (Firefox 69, Firefox Android 68 & Chrome Android 77.0.x) funktioniert das jetzt mit einem initDelay von 1.
                              Wenn die Slider bestandteil einer View sind, die in der TopAppBar angeizeigt werden, muss ich den initDelay auf 100 setzen.

                              Bitte testen!

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

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

                              sigi234S 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                Ich hab nochmal einen fix Versuch für den Slider hochgeladen.

                                Bei mir (Firefox 69, Firefox Android 68 & Chrome Android 77.0.x) funktioniert das jetzt mit einem initDelay von 1.
                                Wenn die Slider bestandteil einer View sind, die in der TopAppBar angeizeigt werden, muss ich den initDelay auf 100 setzen.

                                Bitte testen!

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

                                @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                Ich hab nochmal einen fix Versuch für den Slider hochgeladen.

                                Bei mir (Firefox 69, Firefox Android 68 & Chrome Android 77.0.x) funktioniert das jetzt mit einem initDelay von 1.
                                Wenn die Slider bestandteil einer View sind, die in der TopAppBar angeizeigt werden, muss ich den initDelay auf 100 setzen.

                                Bitte testen!

                                Geht teilweise, wenn ich auf F12 in Chrome gehe dann reagiert der Slider. Hab mal ein Screenshot gemacht.

                                Screenshot (239).png Screenshot (237).png

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

                                ScroungerS 1 Reply Last reply
                                0
                                • D Online
                                  D Online
                                  darkiop
                                  Most Active
                                  wrote on last edited by darkiop
                                  #116

                                  Noch eine Idee: Wäre es Möglich bei den SubLabels der Listen ein Objekt zu hinterlegen?

                                  Edit:

                                  Vergiss die Idee, ich hab gestern nicht an die VIS Bindings gedacht, damit geht das ja schon heute :)

                                  Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                                  1 Reply Last reply
                                  0
                                  • andiko2A Online
                                    andiko2A Online
                                    andiko2
                                    wrote on last edited by
                                    #117

                                    Kann es sein, das der Adapter viel RAM benutzt? Hab ihn mal getestet und der verfügbare Ram wurde schnell kleiner. Hab ihn dann deinstalliert und verfügbarer RAM ist wieder gestiegen. Nun bin ich mir nicht sicher ob es an diesem Adapter liegt.

                                    ? 1 Reply Last reply
                                    0
                                    • MeistertrM Offline
                                      MeistertrM Offline
                                      Meistertr
                                      Developer
                                      wrote on last edited by
                                      #118

                                      bei der html card wird kein Subtitle angezeigt also zum editieren:2019-10-11_04h51_50.png

                                      der Fehler mit dem slider ist noch da, egal wo und wie ich ihn positioniere

                                      1 Reply Last reply
                                      0
                                      • D Online
                                        D Online
                                        darkiop
                                        Most Active
                                        wrote on last edited by
                                        #119

                                        Slider: Mit init-delay 400 positiv aufm iPad + Windows (Chrome, Firefox, Edge) getestet.

                                        Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

                                        sigi234S 1 Reply Last reply
                                        0
                                        • D darkiop

                                          Slider: Mit init-delay 400 positiv aufm iPad + Windows (Chrome, Firefox, Edge) getestet.

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

                                          @darkiop sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                          Slider: Mit init-delay 400 positiv aufm iPad + Windows (Chrome, Firefox, Edge) getestet.

                                          DP Volume? Wie hast du es eingestellt?

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

                                          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

                                          782

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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