How to set the sidebar widget to be adapted of different size of screen ?

[JasonBOCQUET]

Hi community,

I have an issue with the sidebar widget. It seems to not be able to auto-sized depending of the screen resolution of the user.

I'll explain. I set the width to 30% and the height to 26.5% (I need to set this height because I insert a layer list widget on the sidebar widget with 3 layers). Then I set the button to reduce the panel to be in center of the list widget.

My List widget is setted to be auto sized on lentgh and width.

Her is the rendering on my first screen : 

It's very nice.

And here is the screen on my second screen (more larger) :

Holy S. my text jump and the reduce button moved. WHY ???

What I have to do to make this coherent when the screen size changed ?

Thanks for your help.

Here is the screen of my settings :

[ZhenZhang22]

The sidebar uses % for its width, so when the window gets too small, the sidebar becomes too narrow to show properly. If you set the width in px instead, it stays fixed and the cursor button won’t disappear.

Best,
Zhen

[JasonBOCQUET]

Ok, so if I understand correctly : heigth and width have to be set with px instead of % to be more adaptative of the resolution of the user's screen ?

[ZhenZhang22]

There’s no one right choice — % and px both have their place. For what you need, px is a better fit. Check out the doc below for more style tips.

https://doc.arcgis.com/en/experience-builder/latest/configure-widgets/style-settings.htm

[JasonBOCQUET]

Thanks for your replies, it helped me very well.