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
Power Apps Africa Challenge 2022

Power Apps Africa Challenge

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

Super User 2 - 2022 Congratulations

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

September Events 2022

Check out all of these events

Attend in person or online, there are incredible conferences and events happening all throughout the month of September.

Government Carousel

New forum: GCC, GCCH, DoD - Federal App Makers (FAM)

In response to the unique and evolving requirements of the United States public sector, Microsoft has created Power Apps US Government.

Users online (5,322)