Showing results for 
Search instead for 
Did you mean: 
Not applicable

HTML text height/width issue in responsive powerapps

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.



Ali Nawaz

Community Support
Community Support

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.




Community Support Team _ Jeffer Ni

If this post helps, then please consider Accept it as the solution to help the other members find it.

Helpful resources

Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on August 17, 2022 at 8am PDT.

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Users online (1,851)