Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[jmeister79]

Hi,
ich habe mir kürzlich ein kleines Vis zusammengebaut und nutze dafür die Metro Widgets.
Unter anderem gibt es dort dieses Wunderschöne Widget was einem in einem Tile die Rolladen kontrollieren lässt.

Leider habe ich Darstellungsprobleme:
Wenn die Jalousien Auf sind (100%) dann wird das widget so dargestellt!

Slider auf geschlossen aber Bild auf geöffnet. Außerdem ist der slider zu weit links.
Den Slider kann man dann mit dem Touchscreen nicht bewegen.

Ich nutze die Position als Schalter und als Zustands ID.

Öffnen und schließen und Positionen anfahren tun sie richtig. Alle anderen Visualisierungen gehen auch.
Auch Google Assistant steuert korrekt.
LG
Nils

[CrunkFX]

Hi,

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

Slider auf geschlossen aber Bild auf geöffnet. Außerdem ist der slider zu weit links.

Es wäre schön wenn du uns die Einstellungen des Widgets zeigen könntest, so:

Welche Version des Shelly Adapters nutzt du?

---

Den Slider kann man dann mit dem Touchscreen nicht bewegen.

Ich bin mir ziemlich sicher, dass der Fehler einen anderen Hintergrund hat. Welche Plattform (RasPiOS, Linux(Mint, Ubuntu, Debian), Windows), welcher Touchscreen(Direkt(Modell),Tablet, Handy) und worüber zeigst du an(Chrome, Firefox, etc.)

LG CrunkFX

[jmeister79]

@crunkfx
Danke für deine Antwort.
Shelly Adapter Version ist 4.0.8 .
Das Ganze Läuft auf einem Raspbian Pi4b
Auf einem Touchscreen ist es sehr auffällig. In den anderen Browser kannst du mit der Maus den Slider irgendwie umständlich packen, er spring dann auf geschlossen und die Jalousie schließt dann natürlich.
Anzeigen tue ich über Chrome am Desktop am Handy und den Fully Kiosk Browser auf dem Tablet, überall das selbe Verhalten.
Ist jetzt kein Beinbruch, ich ersetze das Ding dann einfach gegen zwei knöpfe für open und close aber ich dachte ich melde das mal.

Anbei das Bild. Ich habe die Shelly adressen unkenntlich gemacht, sie sind aber identisch.

LG
Nils

[CrunkFX]

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

Anbei das Bild. Ich habe die Shelly adressen unkenntlich gemacht, sie sind aber identisch.

Nein sind sie nicht schau mal genau,

warum hast du überhaupt nen Datenpunkt bei Arbeit drinne?

[jmeister79]

@crunkfx stimmt, n typo.

gut die anderen jalousien haben das richtig, auch eine korrektur brachte hier nichts.

ich hatte das so gelesen, dass man da die position reinschreiben soll.

[CrunkFX]

@jmeister79 Sind die Probleme weg, wenn du die CSS Anweisung rausnimmst?

[jmeister79]

@crunkfx nein leider nicht, das hatte ich auch gedacht.
in einem anderen projekt hat ein frisch angelegetes widget auch dieses verhalten

[CrunkFX]

@jmeister79 Passiert das auch wenn du nen anderen Datenpunkt als den Shelly nimmst?

[Homoran]

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

ich hatte das so gelesen, dass man da die position reinschreiben soll.

nein, bei "in Arbeit" soll ein Datenpunkt rein, der angibt, ob sich das Rollo gerade bewegt. (in Arbeit ist)

Ich kenne dieses Widget nicht, aber andere "Slider" funtionieren auch nicht als Slider sondern indem man an der Stelle klickt wo dann der Slider hin soll.
Der IST-Zustand wird dann durch den Slider dargestellt, wenn das Rollo diese Position erreicht hat.

Was mich bei der Konfig irritiert ist die Schrittweite 10%
Das würde für mich bedeuten, dass der Slider auch nur 10 Haltepunkte hat

[jmeister79]

@homoran hi, habe da einiges probiert mit schrittweiten.
hab mal andere datenpunkte eingetragen.
und bei in arbeit auch den state vom shelly. brachte alles nichts.

[Homoran]

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

und bei in arbeit auch den state vom shelly. brachte alles nichts.

Klar - nur welchen?

Dieser Menüpunkt stammt aus der Homematic-Welt, weil dort (und ggf. auch bei anderen Systemen) ein Tastendruck etwas anderes bewirkt während das Rollo läuft. Nämlich stop!
Außerdem wird dann ein Zahnrad im Widget angezeigt um zu visualisieren, dass das Rollo in Bewegung ist (zur Bestätigung dass die Taste gedrückt wurde, der Zustand aber erst bei erreichen der Endposition geändert dargestellt wird!)

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

hab mal andere datenpunkte eingetragen.

was - wo - wie?

[CrunkFX]

@jmeister79 Ich kann den Fehler leider nicht nachstellen, kannst du mir mal alle CSS anweisungen hier in

codetags

zeigen?

[jmeister79]

@homoran

hatte diesen jetzt für in arbeit genommen:

shelly.0.SHSW-25#xxxxxxxx#1.Shutter.state

brachte nichts.

Andere Datenpunkte hab ich zb batteriewerte genommen, die liefern ja auch %.

ich werde es nochmal im Beispielprojekt von iobroker vis einbauen.

Vielleicht hab ich ja den shelly falsch konfigueriert (?)

[Homoran]

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

Andere Datenpunkte hab ich zb batteriewerte genommen, die liefern ja auch %.

Warum das?
der working Datenpunkt braucht ein boolean der während des Laufs auf true steht.
Ansonsten soll da nichts drin stehen

[jmeister79]

@homoran für den schalter, ich wurde gefragt, was passiert wenn ich mal andere dps nehme

[jmeister79]

@homoran Wenn der Boolean sein muss, dann muss ich was via js machen, der shelly liefert kein bool zurück sondern was er grad tut.

[Homoran]

@jmeister79 sagte in Shelly 2.5 Shutter metro shutter Widget Problem:

für den schalter, ich wurde gefragt, was passiert wenn ich mal andere dps nehme

Ach so, aber nicht von mir ;-)

Ich nehme mal an, dass Batterie aber ein ReadOnly DP ist und nicht funktionieren wird

[jmeister79]

Spannend,
wenn ich das in das demo Projekt von uhula packe dann gehts.

Ich nutze das material von uhula und habe da jede menge css selber gemacht.
für die metro benutze ich das demoprojekt mit eigener css

aber selbst wenn ich in meinem Projekt alle css entferne dann gehts nicht.
hmmm.

sehe das problem bei mir aber eingrenzbar ist es nicht.

[CrunkFX]

@jmeister79 Hast du in Global CSS was drin?

[jmeister79]

@crunkfx hatte ich extra rausgenommen.

Habe nun in meinem Projekt ein leeres view angelegt und dort gehts. mit globalem css

Sorry, dass ich so nerve. sit wohl echt irgend n müll bei mir.