Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. vis-2-widgets-collection

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    vis-2-widgets-collection

    This topic has been deleted. Only users with topic management privileges can see it.
    • carsten04
      carsten04 Developer @Matu last edited by

      @matu 👍

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

        Es gibt eine neue Version v1.4.0 mit einem Dialog-Widget.

        Damit kann man dann z.B. auch so etwas machen:

        demo_dialog.gif

        In dem Beispiel habe ich immer den gleichen State verwendet, also nicht wundern.

        Wenn jemand Fehler findet, oder noch Wünsche hat, dann bitte hier posten.

        @micklafisch Das Widget könnte auch etwas für Dich seien.

        M 1 Reply Last reply Reply Quote 2
        • icebear
          icebear last edited by

          @carsten04

          Wenn ich mir vielleicht auch mal was wünschen dürfte, dann würde ich mir ein Dropdown-Widget wünschen, welches sich auch konfigurieren lässt. (So wie früher bei VIS-1 das jQuery Dropdown).

          Leider gibt es in der VIS-2 nur das Widget "gestylt Zustände steuern". das funktioniert auch soweit, leider kann man dort nix einstellen, weder Schriftart noch Schriftgröße, Hintergrund oder sonst irgendwas.
          Das ist halt sehr rudimentär.

          carsten04 1 Reply Last reply Reply Quote 0
          • carsten04
            carsten04 Developer @icebear last edited by carsten04

            @icebear Es gibt eine neue Version v1.5.1 mit einem Select-Widget. Wenn noch was fehlt oder Fehler auffallen, dann bitte hier posten.

            sigi234 icebear 3 Replies Last reply Reply Quote 1
            • sigi234
              sigi234 Forum Testing Most Active @carsten04 last edited by sigi234

              @carsten04 sagte in vis-2-widgets-collection:

              @icebear Es gibt eine neue Version v1.5.1 mit einem Select-Widget. Wenn noch was fehlt oder Fehler auffallen, dann bitte hier posten.

              Hallo, bei mir nicht vorhanden:

              Screenshot (1133).png

              Plattform: Windows
              RAM: 15.9 GB
              Node.js: v20.18.3
              NPM: 10.8.2
              Admin: 7.5.0
              VIS2: 2.11.2

              Uploads gemacht, Browser Cache geleert

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

                @carsten04 sagte in vis-2-widgets-collection:

                Wenn noch was fehlt oder Fehler auffallen, dann bitte hier posten

                Für mich eine der wichtigsten Widgets:

                Table Widget
                Gauges Widget

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

                  @sigi234 Auswahl === Select

                  1 Reply Last reply Reply Quote 1
                  • icebear
                    icebear @carsten04 last edited by

                    @carsten04 said in vis-2-widgets-collection:

                    Es gibt eine neue Version v1.5.1 mit einem Select-Widget. Wenn noch was fehlt oder Fehler auffallen, dann bitte hier posten.

                    Vielen Dank dafür, funktioniert bisher bei mir ohne Probleme.

                    Eine Kleinigkeit wäre das Einstellen der Farbe für den 'Select' Pfeil (siehe Screenshot).
                    In der VIS auf dem PC ist der zusehen, wenn ich allerdings die VIS auf dem Tablet öffne dann seh ich den Pfeil nicht mehr. Ich nehme an das da keine Farbe definiert ist und er deshalb "transparent" ist und die Hintergrund Farbe annimmt. Wie gesagt ist nur auf dem Tablet so

                    select.png

                    1 Reply Last reply Reply Quote 0
                    • M
                      micklafisch @carsten04 last edited by

                      @carsten04 sagte in vis-2-widgets-collection:

                      @micklafisch Das Widget könnte auch etwas für Dich seien.

                      Wow, das sieht schon mal seht gut aus und lässt sich schön fein einstellen.

                      Habe aber kleinere Auffälligkeiten beim testen bemerkt:

                      • die Funktion "Objekt-ID" im Dialog setzt mir zwar mein boolean Wert auf true beim öffnen, aber nicht mehr auf false wenn der Dialog geschlossen wird.
                      • wie bekomme ich das Widget komplett unsichtbar um dieses auf vorhandenen Text oder Icon legen zu können damit der Dialog dann gestartet werden kann?
                      • die Hintergrundfarbe des Dialogs wirkt sich auch auf die Leiste unten zum schließen aus und der Text für den Button wird nicht angewendet (die Option "nur Text" ändert daran auch nichts:

                      01c2353d-09ee-4985-9d39-745939f48466-image.png

                      • als Wunsch wäre dann nur noch die Option dass das "X" zum schließen auch wahlweise oben rechts ist.
                      carsten04 1 Reply Last reply Reply Quote 0
                      • carsten04
                        carsten04 Developer @micklafisch last edited by carsten04

                        @micklafisch

                        • Object-ID wird auf false gesetzt, wenn Dialog geschlossen wird -> ist im nächsten Patch vorhanden

                        • Hintergrundfarbe Dialog / Buttontext: das ist erst einmal so beabsichtigt. Buttontext ist nur für den Button da und nicht für die View. Du kannst ja den Header und Footer für Text nutzen, der wird dann ja auch im Dialog gezeigt.

                        • Close-Button oben rechts -> ist im nächsten Patch vorhanden.

                        • Widget unsichtbar: Was meinst Du da genau?

                        M 1 Reply Last reply Reply Quote 0
                        • M
                          micklafisch @carsten04 last edited by micklafisch

                          @carsten04 sagte in vis-2-widgets-collection:

                          Object-ID wird auf false gesetzt, wenn Dialog geschlossen wird -> ist im nächsten Patch vorhanden

                          wäre dann damit auch das umgekehrte möglich? Der Dialog geht auf und zu wenn sich der State ändert?

                          Widget unsichtbar: Was meinst Du da genau?

                          Auf einem bestehenden Widget (Wasserskala w000045) oder Bild ein Dialog (w000041) platzieren, dazu muss dein Widget unsichtbar sein aber mit höherem z-index. Beim längeren testen habe ich es jetzt hinbekommen. Sollte quasi so aussehen:
                          1e80d921-08a4-4ffc-99a1-26b87ad87d0b-grafik.png

                          Das habe ich dazu eingestellt:
                          4e4e148a-781e-4c77-a2d2-bf79185a9564-grafik.png

                          Damit liegt es über der Wasserskala unsicht- aber anklickbar und geht auf wenn ich Details dazu will. Nur leider kommt genau damit dann das Problem, dass der Hintergrund bei dem "X" nicht mehr weiß sondern ebenfalls den Hintergrund des Dialogs annimmt: 3beb6ffc-e0de-44ab-a0ad-4449c512bd8d-grafik.png

                          • es liegt am "ohne Rand", damit fällt der weiße Hintergrund am "X" raus. Vielleicht verwende ich aber das Widget auch falsch 😥

                          Buttontext ist nur für den Button da und nicht für die View. Du kannst ja den Header und Footer für Text nutzen, der wird dann ja auch im Dialog gezeigt.

                          Das habe ich wiederrum nicht gleich verstanden 😵 . Ich dachte der Buttontext ist, da er unter der selben Überschrift wie das Schließen Symbol steht, das gleich bzw. geht in die gleiche Richtung. Mit der Option "nur Text" oder "nur Icon" dachte ich man kann wählen zwischen dem "schließen text" und dem "X". Aber scheinbar ist dem nicht so 😊 , sondern das "nur Text" im Dialog Bereich bezieht sich auf den Footer und Header?

                          Ansonsten großes Danke für dein Engagement!

                          carsten04 1 Reply Last reply Reply Quote 0
                          • carsten04
                            carsten04 Developer @micklafisch last edited by carsten04

                            @micklafisch

                            fabd0001-af27-409f-a925-410e5feb5359-image.png

                            Alles was unter Button steht meint auch "nur" Button.

                            Wert ist der Buttontext. Wenn Du "Nur Text" auswählst, wird dieser auf dem Button zentriert, gleiches gilt umgekehrt auch für "Nur Icon".

                            Alle Textfelder (auch Header und Footer) sind HTML-Textfelder und können daher beliebig "schön" gemacht werden.

                            Zu dem Farbproblem: kann es sein, dass Du bei der Hintergrundfarbe im Dialog den Alpha-Kanal (die Transparenz) < 1 gesetzt hast? -> Gibt eine Lösung mit dem nächsten Patch.

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              micklafisch @carsten04 last edited by

                              @carsten04

                              Ja genau, hatte den Hintergrund mit Transparenz angegeben. Aber auch bei einem neuen Widget ohne Transparenz ist das so.

                              Danke!

                              carsten04 1 Reply Last reply Reply Quote 0
                              • carsten04
                                carsten04 Developer @micklafisch last edited by

                                @micklafisch Wenn Du die Hintergrundfarbe auf z.B. #ffffff setzt, sollte keine Transparenz mehr da sein.

                                1 Reply Last reply Reply Quote 1
                                • M
                                  Matu last edited by

                                  Mir ist noch aufgefallen, dass beim anlegen eines Zustand Widgets der Wert "value2": true, nicht bzw. nicht immer richtig gesetzt wird. wenn ich die Alias ändere stand bei beiden false.

                                  Das Problem konnte ich einfach beheben durch export des Widget ändern des Wertes und dann wieder import.

                                  Weiterhin hatte ich das Problem wenn ich ein Widget eingerichtet hatte und dieses mehrfach kopieren wollte war dies möglich, jedoch haben sich viele Einstallungen wieder geändert, sobald ein anderer DP gesetzt wurde.

                                  Das Problem konnte ich für mich mit der o.g. Lösung auch umgehen, hat mich nur erstmal irritiert.

                                  Eine Seite mit vielen von deinen Widgets habe ich erfolgreich laufen und bin super zufrieden mit diesen. 👍 👍 👍

                                  I 1 Reply Last reply Reply Quote 0
                                  • I
                                    ioBrokerMike @Matu last edited by

                                    @carsten04
                                    Super, das du bei an den VIS-2 Widgets für mehr Auswahl beiträgst.

                                    Ich hätte da noch wünsche beim :
                                    Bild1.png

                                    Kann man da noch Einstellmöglichkeiten unter bringen?
                                    Bild2.png

                                    1. das man das Kreuz nach unten oder nach oben bringt.
                                    2. das man die Titelleiste einfärben kann.
                                    3. und das beim Dialogfenster an den Ecken einen Radius einzustellen ist.

                                    Wenn schon möglich ist, habe Nachsicht mit mir. 😊

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

                                      Es gibt eine neue Version v1.5.2 mit kleineren Widgetoptimierungen.

                                      Dialog-Widget:

                                      • Object-ID wird auf false gesetzt, wenn Dialog geschlossen wird

                                      • Close-Button oben rechts und/oder unten rechts frei wählbar

                                      Select-Widget:

                                      • Pfeilfarbe wählbar

                                      ButtonGroup Widget:

                                      • Bei nur einem Wert verhält sich das Widget genau wie ein einfacher Button
                                      M 1 Reply Last reply Reply Quote 0
                                      • I
                                        ioBrokerMike last edited by

                                        @carsten04

                                        Moin
                                        Habe die 1.5.2 Version beim Dialog getestet und musste feststellen das es mit den Close-Button nicht klappt.

                                        1. beim aktivieren einer der zwei Option (unten/oben) bekommen ich kein Dialog angezeigt.
                                        2. es können beide gleich aktiviert werden. (zusammen aktiv)
                                        3. ist es nicht sinnvoller für den Close-Button eine Dropdown Auswahl.
                                          So könnte es nicht zu Punkt 2 kommen. (entweder/oder)
                                        carsten04 1 Reply Last reply Reply Quote 0
                                        • carsten04
                                          carsten04 Developer @ioBrokerMike last edited by

                                          @iobrokermike

                                          1. kann ich nicht nachvollziehen, da bei mir alles funktioniert. Gibt es in der Runtime über die Dev-Konsole irgendwelche Fehlermeldungen?
                                          2. ist so beabsichtigt; vielleicht benötigt jemand mal zwei Close Button.
                                          I 1 Reply Last reply Reply Quote 0
                                          • I
                                            ioBrokerMike @carsten04 last edited by ioBrokerMike

                                            @carsten04

                                            Moin

                                            Vielen Dank.

                                            ist so beabsichtigt; vielleicht benötigt jemand mal zwei Close Button.

                                            Ok, da wär ich nicht darauf gekommen.

                                            ... Gibt es in der Runtime über die Dev-Konsole irgendwelche Fehlermeldungen?

                                            Bild3.png
                                            Denke das war gemeint. 🙄

                                            PS. Habe einmal die Farbe "transparent" in gelöscht und jetzt geht es.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            858
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            23
                                            267
                                            22608
                                            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