Catalog Wizard Component in UI Builder: Remove Scroll Bar

LearnUseThrive
Mega Sage

I built a Catalog Wizard for a long record producer to break it up into a few pages. It looks pretty good when I built the page in UI Builder with the Catalog Wizard component, but I can't seem to get rid of this scroll bar. The scroll bar is not active, but looks ugly with our theming. I've tried updating css on body or the component to include 

 
overflow: auto!important;
overflow-y: hide;
 
I can't seem to get rid of it, though. The component seems to fit in the column, even when all hidden variables are shown. Is this scroll bar just built into the component so deep that I can't get rid of it? What else can I try?
 blurscroll.png
2 REPLIES 2

Vishal Jaswal
Giga Sage

Hello @LearnUseThrive 

Took refrence from: https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0622849 

I tried to test here: https://www.w3schools.com/css/tryit.asp?filename=trycss_overflow_xy 

Your CSS

  overflow-x: auto!important;
  overflow-y: hide


Showing the scrollbar:
vishal_jaswal_0-1742407473742.png


Updated CSS:

 overflow-x: auto!important;
  overflow-y: hidden;
}

Scrollbar is hidden:

vishal_jaswal_1-1742407586315.png


Hope that helps!


Hope that helps!

LearnUseThrive
Mega Sage

I can't get rid of it so I think it's embedded into the component itself. Now trying to figure out how to copy a component and edit it out.