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.
    • 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
                                        • O
                                          Oli @Scrounger last edited by

                                          @Scrounger

                                          kannst vielleicht das einfärben des Kästchens noch mit einbauen?

                                          ab2fd412-96ce-4c72-af17-5c1af1246147-image.png

                                          Beim History Chart ist mir auch noch was aufgefallen, weis nicht ob das an meinen Einstellungen liegt, oder ob das vielleicht ein Fehler ist

                                          In dieser Ansicht ist alles super, so wie es sein soll

                                          fbcb5b14-da2e-422d-bf94-aa179448870d-image.png

                                          Wenn ich die RAM Auslastung ausblende, ist gar keine Y Achse mehr zu sehen.

                                          344253b3-e97f-4e2b-b248-ce38bbd1a151-image.png

                                          Wenn ich CPU Auslastung ausblende, sind plötzlich 2 Y Achsen zu sehen

                                          9a906ca6-3e2b-4725-a8e7-ea7b3397fbf5-image.png

                                          Hier meine Einstellungen

                                          a66dbb34-35d3-4832-a40f-fb62b8e04792-image.png

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

                                            Version 0.2.7 ist demnächst im latest

                                            Version 0.2.7:

                                            • (Scrounger): List Widget: types switch readonly, checkbox readonly & button toggle readonly added
                                            • (Scrounger): Line History Chart Widget: bug fix for hide yaxis by legend click if common axis is set
                                            • (Scrounger): Line History Chart Widget: option to append text to yAxis values added
                                            • (Scrounger): Switch Widget: color options added
                                            • (Scrounger): chartjs lib updated to v2.9.3
                                            • (Scrounger): round-slider: lib updated to v0.3.7
                                            • (Scrounger): Table Widget: wordwrap & width option added
                                            • (Scrounger): Chart Widgets: option for background color of diagram area added

                                            @Oli
                                            Ist in dieser Version behoben

                                            @skokarl
                                            musst per css machen, hab keine Wurschtfinger 😉

                                            O S 3 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            928
                                            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