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

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.4k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    980

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

[Neuer VIS-Adpater] Material Design Widgets

Scheduled Pinned Locked Moved Entwicklung
adapter
271 Posts 30 Posters 55.9k 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.
  • 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

    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

          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.

            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 Offline
                D Offline
                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 Offline
                  D Offline
                  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!

                      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 Offline
                          D Offline
                          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 Offline
                                D Offline
                                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
                                  • D Offline
                                    D Offline
                                    darkiop
                                    Most Active
                                    wrote on last edited by
                                    #121

                                    fe4e4a29-458a-4f24-ad5f-dc5d0422665f-grafik.png

                                    115b0d15-8d30-4b76-8d2c-895c3de808c7-grafik.png

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

                                    1 Reply Last reply
                                    0
                                    • sigi234S sigi234

                                      @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

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

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

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

                                      Geht das jetzt bei Dir? Weil das Phanomen müsste mit erhöhung des intiDelays behoben werden. Versuch hier mal in 100er Schritten zu erhöhen.

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

                                      bei der html card wird kein Subtitle angezeigt also zum editieren:!

                                      Fix ist hochgeladen.

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

                                      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.

                                      Keine Ahnung, hab mir den Speicherbedarf nicht angeschaut. Was heitß denn gestiegen in Zahlen?

                                      andiko2A 1 Reply Last reply
                                      0
                                      • andiko2A andiko2

                                        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.

                                        ? Offline
                                        ? Offline
                                        A Former User
                                        wrote on last edited by
                                        #123

                                        Hallo zusammen,
                                        ich beschäftige mich erst seit 5 Tagen mit ioBroker und stehe bei vielen Dingen noch komplett auf dem Schlauch.
                                        Kann mir bitte jemand erklären, wie ich den Text (Tischlampe) mittig über das Bild (Lampe) bekomme?

                                        Vielen Dank

                                        Tischlampe.jpg

                                        1 Reply Last reply
                                        0
                                        • ScroungerS Scrounger

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

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

                                          Geht das jetzt bei Dir? Weil das Phanomen müsste mit erhöhung des intiDelays behoben werden. Versuch hier mal in 100er Schritten zu erhöhen.

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

                                          bei der html card wird kein Subtitle angezeigt also zum editieren:!

                                          Fix ist hochgeladen.

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

                                          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.

                                          Keine Ahnung, hab mir den Speicherbedarf nicht angeschaut. Was heitß denn gestiegen in Zahlen?

                                          andiko2A Online
                                          andiko2A Online
                                          andiko2
                                          wrote on last edited by andiko2
                                          #124

                                          @Scrounger Als mir das aufgefallen ist, lag ich bei 33% freiem Speicher. Nach der deinstallation ist der freie Speicher auf 46% gestiegen. Hab 8 Gb Speicher. Der iobroker läuft auf Linux Mint und sonst läuft dort nichts weiter auf dem PC.
                                          Nach der deinstallation, bleiben die Widgets im Vis Editor erhalten. Das sollte doch bestimmt nicht so sein denke ich mir.
                                          Ansonsten finde ich das schon mal sehr gut und werde mich bestimmt noch mal damit beschäftigen.

                                          crunchipC 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

                                          688

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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