Select to view content in your preferred language

Text and buttons do not scale correctly on monitors with a Scale and layout that is not at 100%

2903
11
07-07-2023 01:56 PM
Labels (1)
BrandonMcAlister
Occasional Contributor

Hey everyone, the issue I am having is my text and buttons that I have added to the header do not scale with different resolutions on different monitors and laptops. When I say resolutions I am referring to the Scale and layout settings under display settings on Windows. See below:

Scale and layout.PNG

On my laptop screen the scale and layout setting is at 125% and when I view my published experience this happens.

Experience_builder_issue.PNG

However if I set my scale back to 100% it will display correctly, I have a widget controller as well with three widgets and it only displays two on 125%. 

Is there a configuration step I am missing?

Thanks,
Brandon
0 Kudos
11 Replies
LindaStewart
New Contributor

Hi Wei

There isn't an option for buttons to have the text size be by %. You can only set via px. 

This is in edit mode. you can see that the text can only be edited by px

Snag_38760743.png

This is what you see in view mode. if the browser is not at 100%, the size of the txt is not resizing to fit the button.

Snag_38774a52.png

WeiYing1
Esri Contributor

hi @LindaStewart ,

Thanks for sharing your feedback. I think that could be an enhancement. 
cc. @TonghuiMing