Removing/Disabling Scrollbar from HTML Control

[kekjrg]

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.

[Anonymous]

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]

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

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]

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

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