Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Rollladen Widget - bei Strom anderen Hintergrund anzeigen

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Rollladen Widget - bei Strom anderen Hintergrund anzeigen

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      badsnoopy667 @jones88 last edited by

      @jones88 said in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

      Den könnte man doch nehmen oder?

      Würde ich auch so sehen. Vermutlich kann man den nicht direkt in VIS nutzen (VERMUTUNG!) weil VIS ein "true" oder "false" braucht.
      Dann muss man den Werte "open" "close" mit Blockly noch in einen neuen Datenpunkt umwandeln der dann "true" und "false" zeigt.

      Also: Wenn Roller State ungleich stop, dann neuer Datenpunkt = true, sonst false (oder so ähnlich)

      J 1 Reply Last reply Reply Quote 0
      • J
        jones88 @badsnoopy667 last edited by

        @badsnoopy667

        Gut, das bekomme ich hin.

        Wie kann ich das dann in der VIS realisieren?

        Geht das wiederum über ein Script oder wie würde das gehen, dass sie der Hintergrund des Widgets in Abhängigkeit eines Datenpunktes ändert?

        B 1 Reply Last reply Reply Quote 0
        • B
          badsnoopy667 @jones88 last edited by

          @jones88
          vis_hintergrund.png

          hintergrund bei "wahr / falsch" sollte sich doch dafür nutzen lassen.

          J 1 Reply Last reply Reply Quote 0
          • J
            jones88 @badsnoopy667 last edited by jones88

            @badsnoopy667

            Das Problem ist aber, dass sich dieses „wahr“ ja auf die Objekt id des State close zum schalten bezieht.

            Und nicht auf den Datenpunkt, welchen ich dann anlegen werde. Das ist ja ein andere Datenpunkt.

            B 1 Reply Last reply Reply Quote 0
            • B
              badsnoopy667 @jones88 last edited by

              @jones88
              Ja, hab ich befürchtet. Dann pack doch einfach hinter dein Rollladen Widget ein html-Widget oder so und änder dessen Hintergrund auf Basis des Datenpunktes. Dafür muss nur der Hintergrund vom Rollladen Widget transparent sein.

              J 1 Reply Last reply Reply Quote 0
              • J
                jones88 @badsnoopy667 last edited by

                @badsnoopy667
                So etwas in diese Richtung dachte ich mir auch gerade. Gut wenn es keine andere Lösung gibt, werde ich es so versuchen 👍🏼

                1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators @jones88 last edited by Homoran

                  @jones88 sagte in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

                  ich schalte die Rollläden über cover.close bzw. cover.open.

                  nicht per LEVEL o.ä.?

                  den brauchen die Widgets um die Rollladenhöhe zu visualisieren.

                  ich habe weder Shellies noch dieses widget. ich nutze HM und das HQwidget window&shutter
                  der Background könnte über ein Binding mit einem beliebigen DP gestuert werden

                  J 1 Reply Last reply Reply Quote 0
                  • J
                    jones88 @Homoran last edited by

                    @homoran

                    das mit dem Binding ist ein guter Hinweis. Kannst du mir kurz dabei helfen?

                    Meine Recherche dazu hat ergeben, dass ich in dem Widget unter Punkt CSS Background Code eingeben müsste. Sowas wie das hier:?

                    {val:shelly.0.SHSW-25#3C6105E31ED1#1.shutter.state; val == "open" ? "farbe": "farbe"}
                    

                    Könnte das so in etwa funktionieren? Oder müsste ich trotzdem einen DP erstellen, damit dieser nur true oder false anzeigt?

                    Kann ich in der Formel als Farbe die verwendet werden soll dann auch den Begriff "bg gray light" verwenden?

                    Homoran 2 Replies Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators @jones88 last edited by

                      @jones88 sagte in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

                      dass ich in dem Widget unter Punkt CSS Background Code eingeben müsste. Sowas wie das hier:?

                      imho aber unter den Widget Einstellungen CSS - BACKGROUND - COLOR

                      1 Reply Last reply Reply Quote 0
                      • Homoran
                        Homoran Global Moderator Administrators @jones88 last edited by

                        @jones88 sagte in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

                        auch den Begriff "bg gray light"

                        bg steht ja schon für background, ggf die css klasse

                        aber lightgrey statt rgb geht

                        1 Reply Last reply Reply Quote 0
                        • J
                          jones88 last edited by

                          @Homoran

                          ich habe jetzt folgendes in den CSS backround eingegeben:

                          {val:shelly.0.SHSW-25#3C6105E31ED1#1.shutter.state; val == "close" ? "grayLighter"
                          
                          

                          es tut sich aber nix.

                          Besagt der Code jetzt, dass bei Wert "Close" der backround mit graylighter gesetzt werden soll oder fehlt in der Zeile oben noch etwas?

                          Homoran 1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @jones88 last edited by Homoran

                            @jones88 sagte in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

                            graylighter

                            was soll das sein?

                            https://www.w3schools.com/colors/default.asp

                            J 1 Reply Last reply Reply Quote 0
                            • J
                              jones88 @Homoran last edited by

                              @homoran

                              das ist die farbe die man als Backround auch auswählen kann in der vis.

                              vis 3.jpg

                              Homoran 1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators @jones88 last edited by

                                @jones88 sagte in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

                                @homoran

                                das ist die farbe die man als Backround auch auswählen kann in der vis.

                                vis 3.jpg

                                aber keine zulässige Farbbezeichnung
                                siehe Link

                                1 Reply Last reply Reply Quote 0
                                • J
                                  jones88 last edited by

                                  @Homoran

                                  Also, ich denke ich habe noch ein Problem mit der Quelle.

                                  ich habe nun folgendes im CSS stehen

                                  {val:shelly.0.SHSW-25#3C6105E31ED1#1.shutter.state.roller state; val === "close" ? "#D3D3D3" : "none"}
                                  

                                  vis 4.jpg

                                  kann es sein, dass ich die Quelle irgendwie falsch angebe.?

                                  Wenn ich nun als "none" Wert z.B. #000000 eingebe, dann wird der hintergrund des Widget schwarz. Beim aktivieren passiert nichs...

                                  Homoran 1 Reply Last reply Reply Quote 0
                                  • Homoran
                                    Homoran Global Moderator Administrators @jones88 last edited by

                                    @jones88 sagte in Rollladen Widget - bei Strom anderen Hintergrund anzeigen:

                                    kann es sein, dass ich die Quelle irgendwie falsch angebe.?

                                    ja!

                                    roller state ist nicht Bestandteil der ID

                                    Die ID kannst du durch anklicken des Copy icons einfach kopieren

                                    J 1 Reply Last reply Reply Quote 0
                                    • J
                                      jones88 @Homoran last edited by

                                      @homoran

                                      so es hat endlich geklappt!

                                      richtig gut danke dir.

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

                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      376
                                      Online

                                      31.6k
                                      Users

                                      79.5k
                                      Topics

                                      1.3m
                                      Posts

                                      3
                                      25
                                      943
                                      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