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

[BrandonMcAlister]

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:

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

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?

 

[WeiYing1]

Hi @BrandonMcAlister ,

The text font size is not scalable for responsiveness automatically. The overlap problem can be solved though. If you like, I am happy to have a meeting with you to take a look at your app config further. Please give me private message if you'd like to talk. 

 Thanks,

Wei

[LindaStewart]

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

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.

[WeiYing1]

hi @LindaStewart ,

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