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...

Eelman
Community Champion
Community Champion

@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.

virakones
Responsive Resident
Responsive Resident

@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
Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Top Kudoed Authors
Users online (3,420)