Skip to main content
Answer

Hide Catalog Search and Filter Bar

  • July 14, 2022
  • 4 replies
  • 353 views
jshipley
Novice I

This other post was helpful but I still couldn’t get it to work. Maybe someone can look at my specific scenario to let me know what CSS code to use.

I identified the Catalog Widget as doc-widget-14. I have tried using numerous CSS suggestions and none of them have worked.

 

#doc-widget-14 .ui-data-browser-controls-bar shadowed ng-star-inserted ui-media-xs {
    display:none !important}

#doc-widget-14 .ui-data-browser-controls-bar
{display:none!important}

#doc-widget-14 div.ui-data-browser-controls-bar {display:none!important}

#doc-widget-14 > doc-widget-course-catalog > ui-data-browser > div > div.ui-data-browser-controls-bar.shadowed.ng-star-inserted.ui-media-xs {display:none !important}

#doc-widget-14 > doc-widget-course-catalog {
    display:none !important}

Any suggestions?

Best answer by jshipley

Got something to work. I needed to put “#doc-page-20” instead of “doc-widget-14”.

#doc-page-20 .ui-data-browser-controls-bar{
    display: none!important;

ebarrett
jshipley
Hiroko Obo

4 replies

jshipley
Novice I
  • jshipley
  • Author
  • Novice I
  • Answer
  • August 11, 2022

Got something to work. I needed to put “#doc-page-20” instead of “doc-widget-14”.

#doc-page-20 .ui-data-browser-controls-bar{
    display: none!important;

Bfarkas
jshipley
Isram
Bfarkas
Hero III
Forum|alt.badge.img+6
  • Bfarkas
  • Hero III
  • August 11, 2022

Yup, that’ll do it, widget vs. page level components.

Note for others referencing this, the page number will be different in your system and is only needed if you want to eliminate on a specific page. If you want it gone on all pages, you can just do:

.ui-data-browser-controls-bar{
    display: none!important;

 

Scott Foster
Influencer III
Forum|alt.badge.img
  • Scott Foster
  • Influencer III
  • October 17, 2022

I cannot get this code to work. I’m at a total loss.

The filter and search still appear?

 

 

L
  • Lydia_Chung
  • Newcomer
  • December 1, 2022

I cannot get this code to work. I’m at a total loss.

The filter and search still appear?

 

 

I am having the same issue as well, not sure which page they refer to

Terms & ConditionsCookie settingsAccessibility statement