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

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.5k

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

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

[Neuer VIS-Adpater] Material Design Widgets

Geplant Angeheftet Gesperrt Verschoben Entwicklung
adapter
271 Beiträge 30 Kommentatoren 51.2k Aufrufe 43 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.
  • sigi234S sigi234

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

    du meinst im widget über binding

    Ja

    [{"tpl":"tplValueFloat","data":{"oid":"system.adapter.admin.0.uptime","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","is_comma":"true","factor":"1.157407407407407e-5","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,"is_tdp":true,"digits":"1","html_append_plural":" Tage","html_prepend":"Betriebszeit "},"style":{"left":"32px","top":"77px","width":"122px","height":"15px","z-index":"2","text-align":"left","font-family":"RobotoCondensed-Light","font-size":"small"},"widgetSet":"basic"}]
    
    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von
    #94

    @sigi234

    auf dieser seite gibt es sowas - was man alles machen kann mit bindings - wenn du lust hast mach morgen einen thread auf und setzt mich mal mit rein - dann können wir mal testen

    https://github.com/ioBroker/ioBroker.vis

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    sigi234S 1 Antwort Letzte Antwort
    0
    • liv-in-skyL liv-in-sky

      @sigi234

      auf dieser seite gibt es sowas - was man alles machen kann mit bindings - wenn du lust hast mach morgen einen thread auf und setzt mich mal mit rein - dann können wir mal testen

      https://github.com/ioBroker/ioBroker.vis

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #95

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

      @sigi234

      auf dieser seite gibt es sowas - was man alles machen kann mit bindings - wenn du lust hast mach morgen einen thread auf und setzt mich mal mit rein - dann können wir mal testen

      https://github.com/ioBroker/ioBroker.vis

      Ok

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

      D 1 Antwort Letzte Antwort
      0
      • sigi234S sigi234

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

        @sigi234

        auf dieser seite gibt es sowas - was man alles machen kann mit bindings - wenn du lust hast mach morgen einen thread auf und setzt mich mal mit rein - dann können wir mal testen

        https://github.com/ioBroker/ioBroker.vis

        Ok

        D Offline
        D Offline
        dos1973
        schrieb am zuletzt editiert von
        #96

        @sigi234
        @liv-in-sky

        wäre euch dankbar, wenn ihr mich auch mitnehmt. ich hatte genau diese Anforderung mal irgendwo unter script gestellt, aber nie eine Antwort erhalten.

        1 Antwort Letzte Antwort
        0
        • sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #97

          Hallo,

          gibt ein neues Widget List Beta, geht das bei wem?

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

          ScroungerS 1 Antwort Letzte Antwort
          0
          • sigi234S sigi234

            Hallo,

            gibt ein neues Widget List Beta, geht das bei wem?

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #98

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

            Hallo,

            gibt ein neues Widget List Beta, geht das bei wem?

            Das geht noch nicht, da arbeite ich aktuell dran. Also alle widgets mit Beta Kennzeichnung sind in der Bearbeitung. Sobald es fertig und zum testen bereitsteht, gibt's hier ne Info

            <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 Antwort Letzte Antwort
            0
            • MeistertrM Offline
              MeistertrM Offline
              Meistertr
              Developer
              schrieb am zuletzt editiert von
              #99

              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 sigi234S 2 Antworten Letzte Antwort
              0
              • ScroungerS Scrounger

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

                Hallo,

                gibt ein neues Widget List Beta, geht das bei wem?

                Das geht noch nicht, da arbeite ich aktuell dran. Also alle widgets mit Beta Kennzeichnung sind in der Bearbeitung. Sobald es fertig und zum testen bereitsteht, gibt's hier ne Info

                sigi234S Online
                sigi234S Online
                sigi234
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #100

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

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

                Hallo,

                gibt ein neues Widget List Beta, geht das bei wem?

                Das geht noch nicht, da arbeite ich aktuell dran. Also alle widgets mit Beta Kennzeichnung sind in der Bearbeitung. Sobald es fertig und zum testen bereitsteht, gibt's hier ne Info

                Ok, könnte man noch Farben für Hintergrund und Beschriftung mit aufnehmen?

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

                1 Antwort Letzte Antwort
                0
                • D Offline
                  D Offline
                  darkiop
                  Most Active
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • MeistertrM Offline
                    MeistertrM Offline
                    Meistertr
                    Developer
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antworten Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              0
                              • ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • D Offline
                                      D Offline
                                      darkiop
                                      Most Active
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • D Offline
                                        D Offline
                                        darkiop
                                        Most Active
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          772

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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