Catalog Wizard Component in UI Builder: Remove Scroll Bar
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-19-2025 07:35 AM - edited ‎03-19-2025 07:41 AM
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;
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-19-2025 11:07 AM - edited ‎03-19-2025 11:09 AM
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:
Updated CSS:
overflow-x: auto!important;
overflow-y: hidden;
}
Scrollbar is hidden:
Hope that helps!
Hope that helps!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-25-2025 09:17 AM
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.