# Device widget and pop-up

**URL:** <https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821>\
**Category:** Développement\
**Tags:** dashboard, volet\
**Created:** [September 6, 2026, 7:17pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821 "2026-09-06T19:17:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 6, 2026, 7:17pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/1 "2026-09-06T19:17:45Z")

</div>

As proposed the other day, I’ve updated the shutter display to follow what was done with the light.

Here’s the complete view of a shutter in the Device widget

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/f/7/f7afbd7abe064801abee888e70536d9bf64f673a.png)  
I placed the buttons below instead of putting them on the right. This prevents them from being crushed or cut off when the window width is reduced (on mobile).  
On the right, a \> button (identical to the lamp) that allows you to open the pop-up for adjustment (shutter with the features State + position).  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/b/f/bf6fddce8b904546fc750c5a70609a2d84d92f43.png)

And here’s the device widget if the shutter has only one feature, state OR position

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/e/9e8b7344312e95c84ae6e6fc6de848649b64cd7e.png)

Open to any suggestions before I open the PR!

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 6, 2026, 8:37pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/2 "2026-09-06T20:37:14Z")

</div>

> [@Will\_71](#):
>
> ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/f/7/f7afbd7abe064801abee888e70536d9bf64f673a.png)
> 
> I placed the buttons below instead of putting them on the right. This prevents them from being squashed or cut off when the window width is reduced (on mobile).

I don’t find that it’s «&nbsp;squashed&nbsp;» on mobile:

 ![2026-09-06 22.21.01-1](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/c/4cf699343b21cb1472e000fa8a41942ff5341041.jpeg)  
and instead of putting the texts «&nbsp;open&nbsp;» «&nbsp;stop&nbsp;» «&nbsp;close&nbsp;», just keep the 3 symbols by enlarging them  
 ![Capture d'écran 2026-09-06 223513](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/b/8b88c101ab4b45d1a36361fcce27508f35159aac.png)  
 ![Capture d'écran 2026-09-06 223520](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/8/4839d7cdabe87584e4b36984f9c6ea736ab5ae92.png)  
which would save space in the height of the widget?

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [September 7, 2026, 6:44am UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/3 "2026-09-07T06:44:57Z")

</div>

I agree on mobile, remove the text ‹&nbsp;open stop close&nbsp;› and keep only the symbols

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 7, 2026, 7:01am UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/4 "2026-09-07T07:01:51Z")

</div>

Actually, on mobile, this is already the case: the texts are already removed:  
Here’s what I see on my mobile today:

 ![1000016278](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/b/9b81d4740409bff7765fbaa0b837e9afdb73ffb2.jpeg)

After my idea of putting the name on the left and the action on the right, it doesn’t leave much space. You can see that at my place, the name doesn’t fit.

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [September 7, 2026, 7:53am UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/5 "2026-09-07T07:53:21Z")

</div>

But with your evol (we would only have the state, and an arrow for the popup and the actions, right?

or did I get it wrong ^^')

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 7, 2026, 8:05am UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/6 "2026-09-07T08:05:38Z")

</div>

If the flap has these 2 functions declared state and position then the widget is

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/f/7/f7afbd7abe064801abee888e70536d9bf64f673a.png)  
Plus the popup

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [September 7, 2026, 8:20am UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/7 "2026-09-07T08:20:04Z")

</div>

I thought we would have the states in read-only and the arrow like in this image:

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/d/4db6b952cc84a2e5a2f564ada4ae5f0449644dbe.png)

and so if position we would have had closed at 100%

I didn’t get it ^^

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 7, 2026, 12:59pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/8 "2026-09-07T12:59:20Z")

</div>

Here’s what I had in mind for a more compact widget  
 ![widget volet](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/f/1ff270b9f262005af186b308b013910befd16eaa.jpeg)

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 7, 2026, 1:10pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/9 "2026-09-07T13:10:08Z")

</div>

Your suggestion doesn’t change anything from what we already have

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 7, 2026, 1:13pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/10 "2026-09-07T13:13:25Z")

</div>

ben si: the position line of the shutter is no longer there since a pop-up replaces it  
or else I haven’t understood from the beginning what you wanted to do!

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 7, 2026, 9:45pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/11 "2026-09-07T21:45:56Z")

</div>

If we leave the online display split in two, with the name and position on the left and the commands on the right, it doesn’t fit.

You can see this on your shutters. The name is written on three lines.

 ![1000016280](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/3/2354f0a1e9ed39f23c5454756a788006e3905ced.jpeg)

And to be consistent with the lights introduced in this version 5, there’s the button on the right to open the popup!

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 8, 2026, 11:11am UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/12 "2026-09-08T11:11:25Z")

</div>

> [@Will\_71](#):
>
> ![1000016280](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/3/2354f0a1e9ed39f23c5454756a788006e3905ced.jpeg)
> 
> And to be consistent with the lights introduced in this version 5, there’s the button on the right to open the popup!

But my suggestion was to remove the text «&nbsp;open, close, stop&nbsp;», to use thicker arrows, to put the name on 2 lines, to put the % below, and to put the logo for the popup, so as to match the lights. Which would give this:

![création widget volet V2](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/5/8538dfdd8738ac5135e38ae54f075df42ccc61f1.jpeg)

I find that it takes up less space and is a bit less heavy than your initial proposal:

 ![Capture d'écran 2026-09-08 130915](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/c/9c8e1a12b22a57e96820d8bc6bd95818eebe4131.png)

But it’s just a suggestion and it would be great to have the opinion of other members!

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 8, 2026, 3:06pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/13 "2026-09-08T15:06:35Z")

</div>

I’m insisting again to say that what you’re proposing already exists, for controls without text. If you reduce the size even more, the text disappears and only the arrows remain.  
On my mobile size, I only have the icons without the text.

After that, the goal here is to add the popup, in the same spirit as the lights. So on the far right, there is the \> button that allows you to access the popup.

So either we put the quick controls as I put them below, or we put nothing to avoid cluttering and increasing the height.

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [September 8, 2026, 3:12pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/14 "2026-09-08T15:12:44Z")

</div>

I’m starting from the principle of not putting anything (or an open or closed percentage) except the arrow with your popup that you presented 🙂  
Why add open or closed since 40% doesn’t tell me if it’s 40% closed or 40% open 🙂

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/b/2bfd48384102d6d81ffbd65569f9c9f7bd7cdd6e.png)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/b/f/bf6fddce8b904546fc750c5a70609a2d84d92f43.png)

What do you think 😛 ?

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 8, 2026, 3:15pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/15 "2026-09-08T15:15:43Z")

</div>

> [@Will\_71](#):
>
> On my mobile, I only see the icons without the text.

OK… but just out of interest, what mobile do you have, @Will_71?

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [September 8, 2026, 3:17pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/16 "2026-09-08T15:17:25Z")

</div>

On my S26 Ultra, I have this personally

 ![26103](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/8/18d382b0218abd364afe067a7af6f76e7490406a.jpeg)

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 8, 2026, 3:18pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/17 "2026-09-08T15:18:45Z")

</div>

> [@spenceur](#):
>
> I start from the principle of putting nothing (or an open or closed %) except the arrow with your popup that you presented

hmm no! You absolutely must leave the possibility to open/close in 1 click, like the lights!

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [September 8, 2026, 3:19pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/18 "2026-09-08T15:19:31Z")

</div>

Yes you are not wrong ^^’

---

<div class="post-metadata">

**Author:** ![Chris75](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/6a8cbe/32.png) [@Chris75](https://community.gladysassistant.com/u/Chris75)\
**Post date:** [September 8, 2026, 3:22pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/19 "2026-09-08T15:22:47Z")

</div>

On my S23 Ultra, I have this:

 ![Screenshot 2026-09-08 172040](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/c/c/cc4131fc9ac67c55545e1389b854f971b8acf0bf.png)  
and it works great for me!

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [September 8, 2026, 3:43pm UTC](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821/20 "2026-09-08T15:43:01Z")

</div>

Here’s what I have on a POCO X7 Pro

 ![1000016284](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/8/98d13f31a6f57855804e389c402df7a1d3f1e565.jpeg)

[Next page](https://community.gladysassistant.com/t/volet-dans-widget-appareil-et-pop-up/10821.md?page=2)
