cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Ali_Nawaz
Helper III
Helper III

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.

 

settings.png

 

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.

 

ss1.png

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

 

ss2.png

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

1 REPLY 1
v-jefferni
Community Support
Community Support

Hi @Ali_Nawaz ,

 

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.

 

 

 

Helpful resources

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

Power Query PA Forum 768x460.png

Check it out!

Did you know that you can visit the Power Query Forum in Power BI and now Power Apps

V3_PVA CAmpaign Carousel.png

Community Challenge - Giveaways!

Participate in the Power Virtual Agents Community Challenge

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Carousel April Dunnam Updated 768x460.jpg

Urdu Hindi D365 Bootcamp

Dont miss our very own April Dunnam’s The Developer Guide to the Galaxy! Find out what the Power Platform has to offer for the traditional developer.

Top Solution Authors
Top Kudoed Authors
Users online (2,067)