cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
kekjrg
Regular Visitor

Removing/Disabling Scrollbar from HTML Control

Hello, 

 

I have a question: is it possible to remove the scrolling bar from the HTML control? E.g., in CSS that would be " overflow: hidden". I read a response to an older post from 2018 which said that HTML control has no ability to turn off scroll bars, but I wonder if anything has changed since then. Perhaps someone has found a workaround they don't mind sharing? 

 

Many thanks.

5 REPLIES 5
Anonymous
Not applicable

Hi @kekjrg , I had the same issue last week and on my research, the same position, no solution for that yet, the HTML control has a lot of limits yet...

Anonymous
Not applicable

@kekjrg 

For static content I just stretch them to make the scroll bars disappear and for dynamic content, say inside a gallery, I use flexible height galleries with a few settings to also make them invisible.

 

These are the only workarounds I've managed to build to date.

narendran
New Member

Just try setting the padding to 0 in advanced and use overflow:hidden on the main div. Set the div height to control height -1. This seems to work for me.

@narendran 


@narendran wrote:

Just try setting the padding to 0 in advanced and use overflow:hidden on the main div. Set the div height to control height -1. This seems to work for me.


Not OP, but setting the div height set to control height - 1 was great! Thanks for the suggestion.

 

Helped especially on an HTML control I'm using for drop shadows that spans the full height of the app (no room to increase the size of the control further).

Siddz
Super User
Super User

In addition to @virakones's suggestions, I've had success by setting the HTML text control's "Auto height" property to true. I also set the margin and padding on the <div> to zero.

"<div style='margin:0; padding:0;'></div>"

If I needed to add margin or padding, I added it to a <p> tag instead of the <div>.

"<div style='margin:0; padding:0;'><p style='margin:10px; padding-left:25px;'>Sample Text</p></div>" 

 

Helpful resources

Announcements
Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Difinity Conference 2022

Difinity Conference 2022

Register today for two amazing days of learning, featuring intensive learning sessions across multiple tracks, led by engaging and dynamic experts.

European SharePoint Conference

European SharePoint Conference

The European SharePoint Conference returns live and in-person November 28-December 1 with 4 Microsoft Keynotes, 9 Tutorials, and 120 Sessions.

Power Apps Ideas

Changes to Ideas Coming

We are excited to announce a new way to share your ideas for Power Apps!

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