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
    11
    1
    486

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

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

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

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

    @IceD112 sagte in Widget konfigurieren - Rolladensteuerung:

    dass das jeweilige Widget für die Dauer der Bewegung (für runter rot und für hoch grün) am Rahmen leuchtet.

    Hat dein unbekannter Aktor diese Informationen?

    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 Antwort Letzte Antwort
    0
    • 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 Online
                              Q Online
                              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

                              792

                              Online

                              32.5k

                              Benutzer

                              81.8k

                              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