Rollershutter /blind Widget

[Toony (Thomas N)]

Hello,

Unfortunately, I have no experience in UI development or css.
I am looking for a HabPanel widget.
Here is exactly what I’m looking for, but it only looks good on the PC/Laptop.

Rollershutter / blinds widget

I am not a html/css developer and it took me hours to find out the magic combination of styles to get it scaling and positioning correct, but I finally got something I can use on a tablet to control rollershutters / blinds. It also updates the icon according to the current position of the blind, which is nice. [image]Blinds.widget.json (2.0 KB)

Looking at this widget on an iPad or iPhone, it looks cruel.

Does anyone know if there is such a widget also compatible with ios?

Many Thanks!
Tony

[ppieczul (Pawel Pieczul)]

Could you post some photos? I use it on Samsung Android tablet and it looks ok. I also have ipad and it looks a bit worse, but still acceptable.

[Toony (Thomas N)]

Sorry for the late reply.
Here are the pictures from the iphone and ipad.
both have ios 11.1 installed.
the problem exists in portrait and landscape format.

[ppieczul (Pawel Pieczul)]

Yes, it will not shrink below a minimum, which is more than 1x1 tiles. You need to resize the tile horizontally to 5x1. Would that work for you? 4x1 seems like could work too but after some tweaking the code, because it is just on the edge.

[Toony (Thomas N)]

Thanks, now it looks ok.