Power Platform Community Forum Thread Details

Hi we have a Power App that uses a richtext box to enter data and images, etc. and save to the dataverse. We then use an html textbox to display that data as it preserves the formatting and images. Unfortunately if the images are too large they get cut off on the right width wise. Vertical scroll is automatic, however we've researched adding horizontal scrolling to the html textbox however were unable to find a solution. Anyone know if it's possible to enable a horizontal scroller in a html textbox?

Categories:

Building Power Apps

Hi JT-26092229-0,

Found a way to achieve this. To make it happen you would need two HTML Text controls and a Horizontal Container. Here's an image of my solution.

You can make the Visible property false for the HTML Text 1 (90-degree rotated) once we have the scroll.

Here are the values:

HTMLText1

AutoHeight:

true

HtmlText1 Text

"<div style='transform: rotate(90deg); vertical-align: bottom;margin-bottom: 0;left:0; font-size: 8px; width: 56px ; height: 55px'>
This is an image from Web<b><font color=blue></font></b>
<img src=""https://i0.wp.com/3grow.net/wp-content/uploads/2023/11/PowerAppsLogo.png?fit=1200%2C630&ssl=1"" >
more text. </div>"

HtmlText2 Text

"This is an image from Web<b><font color=blue></font></b>
<img src=""https://i0.wp.com/3grow.net/wp-content/uploads/2023/11/PowerAppsLogo.png?fit=1200%2C630&ssl=1"" >
 more text."

HTML Text 2 is in a Container

Add a Horizontal Container on the screen and put HTML Text 2 inside it.

Horizontal Overflow / LayoutOverflowX: Scroll

HTML Text 2 Width: