Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Entwicklung
    4. [Neuer VIS-Adpater] Material Design Widgets

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    [Neuer VIS-Adpater] Material Design Widgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • sigi234
      sigi234 Forum Testing Most Active last edited by

      Hallo,

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

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

        @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

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

          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.

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

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

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

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

              1 Reply Last reply Reply Quote 0
              • Meistertr
                Meistertr Developer last edited by

                @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 Reply Quote 0
                • Scrounger
                  Scrounger Developer @Meistertr last edited by Scrounger

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

                  1 Reply Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @Meistertr last edited by 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

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

                      @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

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

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

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

                        Step marker😀

                        1 Reply Last reply Reply Quote 0
                        • sigi234
                          sigi234 Forum Testing Most Active @Scrounger last edited by 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

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

                            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 Reply Quote 2
                            • Scrounger
                              Scrounger Developer @sigi234 last edited by 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.

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

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

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

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

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

                                    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?

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

                                      @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? 😄

                                      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.

                                      1 Reply Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer last edited by 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!

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

                                          @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

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

                                            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 🙂

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            921
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter
                                            30
                                            271
                                            37473
                                            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