Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Rollladen Widget - bei Strom anderen Hintergrund anzeigen

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

Rollladen Widget - bei Strom anderen Hintergrund anzeigen

Scheduled Pinned Locked Moved Visualisierung
25 Posts 3 Posters 2.1k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J jones88

    @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 Offline
    B Offline
    badsnoopy667
    wrote on last edited by
    #11

    @jones88
    vis_hintergrund.png

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

    J 1 Reply Last reply
    0
    • B badsnoopy667

      @jones88
      vis_hintergrund.png

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

      J Offline
      J Offline
      jones88
      wrote on last edited by jones88
      #12

      @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
      0
      • J 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 Offline
        B Offline
        badsnoopy667
        wrote on last edited by
        #13

        @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
        0
        • B badsnoopy667

          @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 Offline
          J Offline
          jones88
          wrote on last edited by
          #14

          @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
          0
          • J jones88

            @badsnoopy667

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

            ich habe Shellys 2,5 und Shellys plus 2 pm.

            Bei den Shellys 2.5 ändert sich der unter dem Ordner Shutter der State "Roller State". Er zeigt an stop, open, oder close. Also wenn er schließt, ändert er den zustand zu close. Sobald er stoppt, ändert er in stop.

            Den könnte man doch nehmen oder?

            HomoranH Do not disturb
            HomoranH Do not disturb
            Homoran
            Global Moderator Administrators
            wrote on last edited by Homoran
            #15

            @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

            kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

            J 1 Reply Last reply
            0
            • HomoranH 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 Offline
              J Offline
              jones88
              wrote on last edited by
              #16

              @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?

              HomoranH 2 Replies Last reply
              0
              • J jones88

                @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?

                HomoranH Do not disturb
                HomoranH Do not disturb
                Homoran
                Global Moderator Administrators
                wrote on last edited by
                #17

                @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

                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Reply Last reply
                0
                • J jones88

                  @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?

                  HomoranH Do not disturb
                  HomoranH Do not disturb
                  Homoran
                  Global Moderator Administrators
                  wrote on last edited by
                  #18

                  @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

                  kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                  1 Reply Last reply
                  0
                  • J Offline
                    J Offline
                    jones88
                    wrote on last edited by
                    #19

                    @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?

                    HomoranH 1 Reply Last reply
                    0
                    • J jones88

                      @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?

                      HomoranH Do not disturb
                      HomoranH Do not disturb
                      Homoran
                      Global Moderator Administrators
                      wrote on last edited by Homoran
                      #20

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

                      graylighter

                      was soll das sein?

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

                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                      J 1 Reply Last reply
                      0
                      • HomoranH Homoran

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

                        graylighter

                        was soll das sein?

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

                        J Offline
                        J Offline
                        jones88
                        wrote on last edited by
                        #21

                        @homoran

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

                        vis 3.jpg

                        HomoranH 1 Reply Last reply
                        0
                        • J jones88

                          @homoran

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

                          vis 3.jpg

                          HomoranH Do not disturb
                          HomoranH Do not disturb
                          Homoran
                          Global Moderator Administrators
                          wrote on last edited by
                          #22

                          @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

                          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                          1 Reply Last reply
                          0
                          • J Offline
                            J Offline
                            jones88
                            wrote on last edited by
                            #23

                            @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...

                            HomoranH 1 Reply Last reply
                            0
                            • J jones88

                              @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...

                              HomoranH Do not disturb
                              HomoranH Do not disturb
                              Homoran
                              Global Moderator Administrators
                              wrote on last edited by
                              #24

                              @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

                              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                              J 1 Reply Last reply
                              0
                              • HomoranH Homoran

                                @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 Offline
                                J Offline
                                jones88
                                wrote on last edited by
                                #25

                                @homoran

                                so es hat endlich geklappt!

                                richtig gut danke dir.

                                1 Reply Last reply
                                0
                                Reply
                                • Reply as topic
                                Log in to reply
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                627

                                Online

                                32.4k

                                Users

                                81.5k

                                Topics

                                1.3m

                                Posts
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                ioBroker Community 2014-2025
                                logo
                                • Login

                                • Don't have an account? Register

                                • Login or register to search.
                                • First post
                                  Last post
                                0
                                • Home
                                • Recent
                                • Tags
                                • Unread 0
                                • Categories
                                • Unreplied
                                • Popular
                                • GitHub
                                • Docu
                                • Hilfe