HTML text height/width issue in responsive powerapps

[Anonymous]

Hi PowerUsers,

I have used the HTML text control and trying to create a background with drop-shadow leveraging the style property in HTML.

The issue I face a lot is with the height and width of HTML text control. In my App I have set the following setting in terms of the screen size + orientation.

The HTML text control and its settings can be seen in below screenshot,
I have tried to put "100%" as value in height but somehow this HTML doesn't render with %age value in-case of height property while it works fine for width property.

This HTML text renders fine in edit mode but as soon as I open the application in "Play Mode" things get messy.

And if turn on the "Auto height" property in edit mode of this HTML control, this scroll dissappears and the white background becomes very big (lengthy).

This abnormal behavior varies on different browsers. I'm guessing the "Scale to fit" option in settings has something to do with it  but keeping the app responsive is also mandatory.

This is only one use-case, wherever I use HTML text in PowerApps, things go bananas in play-mode.

I am desperately looking for some help on this because with HTML text, the deficiency of eye-catching User interface in PowerApps can be minimized to great extent.

Regards,

Ali Nawaz

[v-jefferni]

Hi @Anonymous ,

Your guess is correct partially. When turn on the lock aspect ratio option along with the Scale to fit option, the screen would display exact like how you design, leaving blank areas where the App won't cover. However, since you need let the App run on monitors with different resolution full of screen all the time, there is nothing wrong with your settings.

The solution I could imagine is to predict the largest Aspect Ratio of all monitors on which your App would be running, nowadays it might be 21:9, then re-arrange those controls in your App.

So, please try:

1\ Set screen size as Custom.

2\ Aspect ratio set to 2560*1080 or else resolutions that you need.

3\ Rearrange the controls.

Hope this helps.

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.