Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Widget konfigurieren - Rolladensteuerung

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    308

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

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

Widget konfigurieren - Rolladensteuerung

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
15 Beiträge 6 Kommentatoren 3.9k Aufrufe 5 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • I IceD112

    Hallo
    Ich bastel aktuell an meiner Vis und kommte bei der Steuerung der Rollos nicht so recht weiter.

    Derzeit habe ich die Visualisierung der Steuerung so in etwa gebaut (Foto zeigt Beispiel der Vis auf dem Smartphone)
    Das Widget ist das von hqWidget (mit der Glühlampe am anfang drin), Konfiguriert ist es jeweils als Taster - Hoch / Stop / Runter - Die Funktionen führt der ioBroker auch aus, aber ich würde gerne haben, dass das jeweilige Widget für die Dauer der Bewegung (für runter rot und für hoch grün) am Rahmen leuchtet. Kann man mir folgen was ich damit meine? Also, drücke ich den Knopf für runter, soll die Umrandung rot leuchten so lange wie Stromaufnahme da ist (die Wattzahl wird ja in den Objekten als Datenpunkt aufgeführt).
    Das wird sich doch sicher irgendwie machen lassen? Wenn ja, wie?
    und nach möglichkeit bitte mit einer, naja, sagen wir mal Schritt-für-Schritt Erklärung. Ich bin noch ein recht jungfreulicher ioBroker :-)
    Vis_Rollo (2).png

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von
    #3

    @IceD112 mußte mit einem binding funktionieren

    zum einem brauchst du einen css eintrag, der das blinken ermöglicht. zum anderen das binding auf die wattausgabe.

    du gehst auf das widget, welches blinken soll und trägst dort die bedingung ein - in geschweiften klammern mit dem datenpunkt, in dem die watt stehen

    {val:sonoff.1.SP211Gosund.ENERGY_Power; val>="5" ? "blink-bunt-blau" : ""}
    

    Image 6.png

    dann kopierst du das unter css:

    .blink-bunt-blau   {
      animation: mdui-bunt-blau-blink-ani 3s linear infinite;
        
    }
    @keyframes mdui-bunt-blau-blink-ani {
      8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
      30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
      60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
      0% {filter: none;}
    }
    

    Image 5.png

    und dann blinkt es, wenn über 5 watt sind

    anim-gif26.gif

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    HomoranH 1 Antwort Letzte Antwort
    0
    • liv-in-skyL liv-in-sky

      @IceD112 mußte mit einem binding funktionieren

      zum einem brauchst du einen css eintrag, der das blinken ermöglicht. zum anderen das binding auf die wattausgabe.

      du gehst auf das widget, welches blinken soll und trägst dort die bedingung ein - in geschweiften klammern mit dem datenpunkt, in dem die watt stehen

      {val:sonoff.1.SP211Gosund.ENERGY_Power; val>="5" ? "blink-bunt-blau" : ""}
      

      Image 6.png

      dann kopierst du das unter css:

      .blink-bunt-blau   {
        animation: mdui-bunt-blau-blink-ani 3s linear infinite;
          
      }
      @keyframes mdui-bunt-blau-blink-ani {
        8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
        30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
        60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
        0% {filter: none;}
      }
      

      Image 5.png

      und dann blinkt es, wenn über 5 watt sind

      anim-gif26.gif

      HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von Homoran
      #4

      @liv-in-sky brauchst du dafür nicht die notwendigen states?
      Rollladen_states.png

      Hier:
      working: dafür, dass er sich noch bewegt
      direction: für die Richtung

      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 -

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • HomoranH Homoran

        @liv-in-sky brauchst du dafür nicht die notwendigen states?
        Rollladen_states.png

        Hier:
        working: dafür, dass er sich noch bewegt
        direction: für die Richtung

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #5

        @Homoran

        ich dachte, da die watt erwähnt wurden - geht aber auch mit working, dann mit einer boolean abfrage im binding

        habe keine rollo steuerung - die details überlasse ich euch :-)

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        HomoranH I 2 Antworten Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @Homoran

          ich dachte, da die watt erwähnt wurden - geht aber auch mit working, dann mit einer boolean abfrage im binding

          habe keine rollo steuerung - die details überlasse ich euch :-)

          HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #6

          @liv-in-sky sagte in Widget konfigurieren - Rolladensteuerung:

          ch dachte, da die watt erwähnt wurden

          klar! Aber die Richtung??

          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 -

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @Homoran

            ich dachte, da die watt erwähnt wurden - geht aber auch mit working, dann mit einer boolean abfrage im binding

            habe keine rollo steuerung - die details überlasse ich euch :-)

            I Offline
            I Offline
            IceD112
            schrieb am zuletzt editiert von
            #7

            @liv-in-sky
            Also es muss ja nicht über die Watt sein. Das war nur ein Gedanke, ob es damit evtl gehen würde. Muss gleich mal zu Hause schauen ob die Shelly 2.5 noch ein weiteres State haben die eine Bewegung melden.
            Wie würde die Konfiguration alternativ mit boolean funktionieren?

            da_WoodyD 1 Antwort Letzte Antwort
            0
            • HomoranH Homoran

              @liv-in-sky sagte in Widget konfigurieren - Rolladensteuerung:

              ch dachte, da die watt erwähnt wurden

              klar! Aber die Richtung??

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #8

              @Homoran müßte mit 2 variablen funktionieren - dann könnte es für jede richtung in unterschiedlicher farbe blinken

              {valer:sonoff.1.SP211Gosund.ENERGY_Power; val2er:controll-own.0.AAATEST.TestLogic; valer>="5" ?  val2er=="true" ? "blink-bunt-blau" : "blink-bunt-green" :""}
              

              anim-gif26.gif

              @IceD112

              mit einem booleanwert:

              {val3:sonoff.1.SP211Gosund.POWER2;  val3 ? "blink-bunt-blau" : ""}
              

              oder

              {val3:sonoff.1.SP211Gosund.POWER2;  val3=="true" ? "blink-bunt-blau" : ""}
              

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              I 1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @Homoran müßte mit 2 variablen funktionieren - dann könnte es für jede richtung in unterschiedlicher farbe blinken

                {valer:sonoff.1.SP211Gosund.ENERGY_Power; val2er:controll-own.0.AAATEST.TestLogic; valer>="5" ?  val2er=="true" ? "blink-bunt-blau" : "blink-bunt-green" :""}
                

                anim-gif26.gif

                @IceD112

                mit einem booleanwert:

                {val3:sonoff.1.SP211Gosund.POWER2;  val3 ? "blink-bunt-blau" : ""}
                

                oder

                {val3:sonoff.1.SP211Gosund.POWER2;  val3=="true" ? "blink-bunt-blau" : ""}
                
                I Offline
                I Offline
                IceD112
                schrieb am zuletzt editiert von
                #9

                @liv-in-sky Sorry für die "vielleicht" saudumme Frage... Wo trage ich das da so ein? Also das was bei dir da in dem schwarzen screen steht "Select all..."

                I liv-in-skyL 2 Antworten Letzte Antwort
                0
                • I IceD112

                  @liv-in-sky Sorry für die "vielleicht" saudumme Frage... Wo trage ich das da so ein? Also das was bei dir da in dem schwarzen screen steht "Select all..."

                  I Offline
                  I Offline
                  IceD112
                  schrieb am zuletzt editiert von
                  #10

                  @IceD112 said in Widget konfigurieren - Rolladensteuerung:

                  @liv-in-sky Sorry für die "vielleicht" saudumme Frage... Wo trage ich das da so ein? Also das was bei dir da in dem schwarzen screen steht "Select all..."

                  9601479b-17e4-4faf-b088-32ad36c3f117-grafik.png

                  Also diese States habe ich bei den Shellys zur Auswahl

                  1 Antwort Letzte Antwort
                  0
                  • I IceD112

                    @liv-in-sky Sorry für die "vielleicht" saudumme Frage... Wo trage ich das da so ein? Also das was bei dir da in dem schwarzen screen steht "Select all..."

                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #11

                    @IceD112 sagte in Widget konfigurieren - Rolladensteuerung:

                    @liv-in-sky Sorry für die "vielleicht" saudumme Frage... Wo trage ich das da so ein? Also das was bei dir da in dem schwarzen screen steht "Select all..."

                    siehst du weiter oben in den bildern

                    welche datenpunkte du nutzen kannst, findest du am besten heraus, wenn du die datenpunkte beobachtest während die rollo arbeitet - dann weißt du, welchen datenpunkt du nutzen kannst - wie erwähnt - ich habe keine solchen shellys für die rollo steueung

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    AlmixxA 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @IceD112 sagte in Widget konfigurieren - Rolladensteuerung:

                      @liv-in-sky Sorry für die "vielleicht" saudumme Frage... Wo trage ich das da so ein? Also das was bei dir da in dem schwarzen screen steht "Select all..."

                      siehst du weiter oben in den bildern

                      welche datenpunkte du nutzen kannst, findest du am besten heraus, wenn du die datenpunkte beobachtest während die rollo arbeitet - dann weißt du, welchen datenpunkt du nutzen kannst - wie erwähnt - ich habe keine solchen shellys für die rollo steueung

                      AlmixxA Offline
                      AlmixxA Offline
                      Almixx
                      schrieb am zuletzt editiert von
                      #12

                      Ich habe auch Shellys im Einsatz und ich habe das folgendermaßen gelöst:
                      Ich benutze die vis-inventwo universal widgets für auf/zu/stop. Habe mir eigene Buttonbilder mittels Gimp für true (blauer Border) und false (grauer Border) erstellt. Diese Bilder trägst du im Widget unter Bild falsch/wahr ein. Somit hast du einen farbigen Rahmen beim activen Zustand und einen, bei mir grauen Rahmen im Ruhezustand. Sichtbarkeit vom ursprünglichem Button mußt du natürlich deaktivieren.

                      rollo.png

                      I Q 2 Antworten Letzte Antwort
                      0
                      • I IceD112

                        @liv-in-sky
                        Also es muss ja nicht über die Watt sein. Das war nur ein Gedanke, ob es damit evtl gehen würde. Muss gleich mal zu Hause schauen ob die Shelly 2.5 noch ein weiteres State haben die eine Bewegung melden.
                        Wie würde die Konfiguration alternativ mit boolean funktionieren?

                        da_WoodyD Online
                        da_WoodyD Online
                        da_Woody
                        schrieb am zuletzt editiert von
                        #13

                        @IceD112 das state objekt. da wird angezeigt auf / stop / ab
                        c29b598f-0fb2-4262-a04f-716f5844e1a6-grafik.png
                        damit sollte was machbar sein...

                        gruß vom Woody
                        HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                        1 Antwort Letzte Antwort
                        0
                        • AlmixxA Almixx

                          Ich habe auch Shellys im Einsatz und ich habe das folgendermaßen gelöst:
                          Ich benutze die vis-inventwo universal widgets für auf/zu/stop. Habe mir eigene Buttonbilder mittels Gimp für true (blauer Border) und false (grauer Border) erstellt. Diese Bilder trägst du im Widget unter Bild falsch/wahr ein. Somit hast du einen farbigen Rahmen beim activen Zustand und einen, bei mir grauen Rahmen im Ruhezustand. Sichtbarkeit vom ursprünglichem Button mußt du natürlich deaktivieren.

                          rollo.png

                          I Offline
                          I Offline
                          IceD112
                          schrieb am zuletzt editiert von
                          #14

                          @Almixx
                          Danke fürs Tipps.

                          Ich hab es ähnlich wie du jetzt gelöst. Bei den Rollos haben ich hinten den Button ein etwas breiten Background gelegt, der beim State „Open“ oder eben „close“ grün erscheint. Der blaue background bei „Pause“ erlischt dann für die Zeit der Bewegung.
                          Bei der Licht Steuerung habe ich es ähnlich gemacht. Hier wechslet das Hintergrund Widget von blau „false“ in gelb „true“ und beim Haupt-Widget arbeite ich mit signalbildern die dann je nach Zustand wechseln
                          19A2AB81-111E-488F-A886-CADD3E4401AF.png 51912E50-AD5A-4DE4-A6F4-CB27D66DC259.png

                          1 Antwort Letzte Antwort
                          1
                          • AlmixxA Almixx

                            Ich habe auch Shellys im Einsatz und ich habe das folgendermaßen gelöst:
                            Ich benutze die vis-inventwo universal widgets für auf/zu/stop. Habe mir eigene Buttonbilder mittels Gimp für true (blauer Border) und false (grauer Border) erstellt. Diese Bilder trägst du im Widget unter Bild falsch/wahr ein. Somit hast du einen farbigen Rahmen beim activen Zustand und einen, bei mir grauen Rahmen im Ruhezustand. Sichtbarkeit vom ursprünglichem Button mußt du natürlich deaktivieren.

                            rollo.png

                            Q Offline
                            Q Offline
                            quorle
                            schrieb am zuletzt editiert von
                            #15

                            @almixx

                            @almixx sagte in Widget konfigurieren - Rolladensteuerung:

                            Ich habe auch Shellys im Einsatz und ich habe das folgendermaßen gelöst:
                            Ich benutze die vis-inventwo universal widgets für auf/zu/stop. Habe mir eigene Buttonbilder mittels Gimp für true (blauer Border) und false (grauer Border) erstellt. Diese Bilder trägst du im Widget unter Bild falsch/wahr ein. Somit hast du einen farbigen Rahmen beim activen Zustand und einen, bei mir grauen Rahmen im Ruhezustand. Sichtbarkeit vom ursprünglichem Button mußt du natürlich deaktivieren.

                            rollo.png

                            Würdest du deinen Export zur Verfügung stellen?

                            1 Antwort Letzte Antwort
                            1
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            707

                            Online

                            32.5k

                            Benutzer

                            81.7k

                            Themen

                            1.3m

                            Beiträge
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Anmelden

                            • Du hast noch kein Konto? Registrieren

                            • Anmelden oder registrieren, um zu suchen
                            • Erster Beitrag
                              Letzter Beitrag
                            0
                            • Home
                            • Aktuell
                            • Tags
                            • Ungelesen 0
                            • Kategorien
                            • Unreplied
                            • Beliebt
                            • GitHub
                            • Docu
                            • Hilfe