How to get rid of scrolling bars in a Popup

[ianklein1710]

How to get rid of this?

There is no element set for this scrolling bar appear

[anthony9]

either you need to stretch the element so that it fit the parent width or resize the width.

Or

You could manually remove the scrollbar with html like this :

How do you get rid of vertical scrollbar

You can give your repeating group an ID and hide the scrollbar putting this CSS into an HTML element on the page: <style> #yourID::-webkit-scrollbar { display: none; } #yourID { -ms-overflow-style: none; scrollbar-width: none; } </style>

I suggest the first one.

[1theritzy]

Hi Iank,

This is an irritating function, isn’t it? It happens because the content of the element is wider than the width of the element that you set it up with. You have to make sure the element is wide enough, and the RG is wide enough, and the group it’s in is wide enough. Sometimes you have to vary the height of the element as well to get it to disappear.
Dana

[pyli]

pretty sure this is what i use, works great!
(option 1 not really an option since the plugin im using for csv importing makes a long list of column headers)

[ianklein1710]

thank you! I used this html:

::-webkit-scrollbar { width: 0px; height: 0px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: transparent; } ::-webkit-scrollbar-thumb:active { background: transparent; } ::-webkit-scrollbar-track { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } /* Thin Scrollbar */ :root{ scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important; scrollbar-width: thin !important; }