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.

Top Solution Authors
Top Kudoed Authors
Users online (1,326)