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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • O
      Oli @sigi234 last edited by

      @sigi234

      ich glaube wir sprechen von unterschiedlichen Widgets, ich meine das hier:

      f62fb49d-a87b-4745-9a71-7708bcae6212-image.png

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

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

        @sigi234

        ich glaube wir sprechen von unterschiedlichen Widgets, ich meine das hier:

        Siehe Beitrag unten, 2.Screenshot

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

          @Scrounger Kurze Frage, planst du aktuell auch ein 'input' für die Texteingabe?

          Weiterhin alle Daumen hoch für die Arbeit hier!

          Und noch eine Frage:

          Könntest du die Schriftfarbe / Schriftart bei den Selects noch über VIS Edit Konfigurierbar machen? Aktuell bin ich da immer den Umweg über CSS gegangen.

          88a3e6de-91c6-40f3-886b-03639ab5a143-grafik.png

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

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

            @Scrounger

            sorry, aber ich habe mir deinen Link zig mal durchgelesen, aber anscheinend reicht mein Horizont dafür nicht aus. Wäre nett wenn du mir da etwas unter die Arme greifen könntest.

            folgendes ist ja standardmäßig eingestellt:

                        {
                            "millisecond":    "H:mm:ss.SSS",
                            "second":         "H:mm:ss",
                            "minute":         "H:mm",
                            "hour":           "H",
                            "day":            "MMM D",
                            "week":           "ll",
                            "month":          "MMM YYYY",
                            "quarter":        "[Q]Q - YYYY",
                            "year":           "YYYY"
                        }
            

            Wnn du jetzt z.B. als Timeinterval 1 Stunde festgelegt hast, dann zieht er die Fomatierung von 'minute' an. Du musst dann z.B. um folgendes erweitern H:mm DD.MM.YYYY. Mögliche Formatierungen sind hier beschrieben: https://momentjs.com/docs/#/displaying/format/
            Einfach mal bissle rum spielen und ausprobieren, dann findet man meistens raus wie es funktioniert.

            Und noch eine letzte Frage hätte och, gibt es bei deinem Table Wigets ein Möglichkeit des Zeilenumbruchs, wenn der Text zu lang ist?

            auf die schnelle, bei 'vorangesteller Text' folgendes eintragen <span style="display: inline-block; word-wrap:break-word;"> und bei 'nachgestellter Text' folgendes eintragen </span> oder so ähnlich.

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

            @Scrounger Kurze Frage, planst du aktuell auch ein 'input' für die Texteingabe?

            Ja, da es bestandteil der mdc lib ist. Allerdings ganz niedrige prio, da ich in meiner VIS keine input felder benötige. Am besten erstelltst dafür ein issue bei github, damit wir es nicht vergessen.

            Könntest du die Schriftfarbe / Schriftart bei den Selects noch über VIS Edit Konfigurierbar machen? Aktuell bin ich da immer den Umweg über CSS gegangen.

            Ja kann ich einbauen. Hierfür bitte auch ein issue auf github erstellen, danke!

            O D 2 Replies Last reply Reply Quote 1
            • O
              Oli @Scrounger last edited by

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

              danke, dass mit dem Datumsformat hab ich jetzt begriffen, aber das mit dem Zeilenumbruch klappt leider noch nicht.

              Scrounger 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:

                Hierfür bitte auch ein issue auf github erstellen, danke!

                Guten Abend, sind beide erstellt.

                Rein aus Interesse, würdest du als Entwickler der Widgets mal einen Screen deiner VIS posten?

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

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

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

                  aber das mit dem Zeilenumbruch klappt leider noch nicht.

                  Ok da ist noch ein bug drin, weshalb das nicht so einfach geht.

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

                  Rein aus Interesse, würdest du als Entwickler der Widgets mal einen Screen deiner VIS posten?

                  😁 Da wärt ihr alle sehr entäuscht. Hab grad mal 3 halbfertige Views bis jetzt, weil ich nebenbei immer Fehler oder Sachen entdecke, die ich zur Umsetzung meiner Ideen noch programmieren muss. Und sobald das implementiert ist hab ich mein Idee bereits vergessen 🤦

                  Sobald ich mal einen representativen Stand habe werde ich hier, wie bereits erwähnt, einen extra Thread eröffnen wo wir dann unsere zusammengestellten Widgets zur Bedienung von Lampen, Media, Heizung, etc. teilen können.

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

                    @Scrounger

                    im Basic Wiget kann man die breite der einzelnen Spalten angeben, vielleicht liegt es daran.

                    Kann ich irgendwo die Farbe des ausgewählten Wertes ändern, habe irgendwie nichts gefunden?
                    2c5165ae-6e8a-474a-8af5-df59e912b9c2-image.png

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

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

                      @Scrounger

                      im Basic Wiget kann man die breite der einzelnen Spalten angeben, vielleicht liegt es daran.

                      Kann ich irgendwo die Farbe des ausgewählten Wertes ändern, habe irgendwie nichts gefunden?
                      2c5165ae-6e8a-474a-8af5-df59e912b9c2-image.png

                      Die 2 Minuten? Also bei mir 10
                      Hab ich auch noch nicht raus gefunden.

                      Screenshot (695).png

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

                        @sigi234

                        ja die 2 Minuten

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

                          @Oli, @sigi234

                          2a90ca15-a434-442d-b83a-5783fda65077-grafik.png

                          46851da2-9123-4770-9ab4-e11ebabca742-grafik.png

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

                            @Scrounger
                            das habe ich gefunden, ich meinte, sobald eine Auswahl getroffen wurde, wie in meinen Bild, die 2 Minuten.

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

                              @Oli dazu habe ich vorhin ein issue erstellt:

                              https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/17

                              darkiop created this issue in Scrounger/ioBroker.vis-materialdesign

                              closed value select widgets - Schriftformatierung #17

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

                                @darkiop

                                oh super, ich habe es zwar gelesen, dachte aber es geht um ein anderes Wiget

                                Andere Frage, kannst du die Höhe des Wigets verändern?

                                1 Reply Last reply Reply Quote 0
                                • S
                                  Snapergy last edited by

                                  @Scrounger

                                  da mir @sigi234 in meinem thread schon ein wenig geholfen hat und mich hierher verwiesen hat, wollte ich dich mich fragen, ob es geplant ist die discrete slider auch in einer vertikalen ausführung bereitzustellen? Ich bräuchte jene um meine Jalousien zu steuern.

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

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

                                    ob es geplant ist die discrete slider auch in einer vertikalen ausführung bereitzustellen?

                                    Würde ich gerne, aber die verwendete api beinhaltet die vertikale Version nicht und ich bekomme es leider nicht hin. Da brauch ich unterstützung von den echten Pros, hatte ich bereits zu beginn mal gefragt
                                    https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

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

                                      @Scrounger

                                      ich bin jetzt auch nicht der Pro, aber den jqui slider gibt es ja vertikal, vielleicht kann man da abkupfern? mittels CSS kann ich den diskreten Slider ja drehen, aber leider muss ich trotzdem nach rechts und links schieben und nicht nach oben und unten um etwas am slider zu verändern

                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • S
                                        Snapergy last edited by

                                        mal ganz primitiv gesprochen, da ich mich mit der programmierung nicht auskenne, aber kann man das ganze objekt nicht irgendwie um 90 grad bzw. 270 grad drehen? um die label kann man sich ja per css kümmern...

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

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

                                          @Scrounger

                                          ich bin jetzt auch nicht der Pro, aber den jqui slider gibt es ja vertikal, vielleicht kann man da abkupfern? mittels CSS kann ich den diskreten Slider ja drehen, aber leider muss ich trotzdem nach rechts und links schieben und nicht nach oben und unten um etwas am slider zu verändern

                                          Habe da schon entsprechend Zeit investiert, aber ich bekomme es nicht hin. Gerne kannst dir ja den source anschauen, bin über jede Hilfe dankbar.
                                          https://github.com/material-components/material-components-web/tree/master/packages/mdc-slider

                                          S 2 Replies Last reply Reply Quote 0
                                          • S
                                            skokarl last edited by

                                            @Scrounger

                                            sag mal...... könnte man bei der Top App Bar noch ne Wurschtefinger Option anbieten ?

                                            etwas größer ? 😬

                                            1.PNG

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            913
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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