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

                                            @Scrounger

                                            du bist der Beste 🙂

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            973
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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