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 carsten04

      @matu Kurz zur Erklärung. Bei dem State-Widget kannst Du "Nur Anzeige" setzen.

      2d931c40-2de4-45d3-8489-35f452bd271b-image.png

      Die Anzeigeoption ist nur dann sichtbar, wenn der State writeable ist, ansonsten kann sowieso nur angezeigt werden. Das war bei Dir der Fall, da weder write noch read in common gesetzt war (bei Real Life States eines Adapter sind die beiden Attribute in common eigentlich immer vorhanden).
      Nach setzen der beiden Attribute in common, wie von Dir gemacht (insbesondere "write": true), hättest Du eigetlich nur den State (oid) im State-Widget noch einmal neu auswählen müssen, denn erst dann bekommt das Widget die Änderung mit (das ist vis-2 immanent und läßt sich nicht ändern). Die Info von mir die view zu löschen war überflüssig und das Widget macht dann eigentlich auch genau das was es soll.

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

        @carsten04

        Danke für die Erklärung und die schnelle Hilfe.
        Ich konnte diese nachvollziehen und es ist genau so. Blöd das grade beim Example state R/W nicht standardmäßig gesetzt ist.

        Beste Grüße nach Schalke (nehme ich an) 🙂

        carsten04 1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            679
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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