Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How To Remove form header breadcrumbs?

kchisefsky
Mega Contributor

I am using CMS to create a custom site and have a need to remove the standard breadcrumbs from the form header (not the list filter) if forms and catalog items.   I was successful for the incident form using an onLoad client script, obtaining the element id "form_header" and setting visibility to false. However, I need to do this for all catalog items (several hundred) and I don't want to create a client script of each one. So is there a global way to remove the standard OOTB breadcrumbs?

1 ACCEPTED SOLUTION

Slava Savitsky
Giga Sage

To avoid creating a client script for each catalog item, use a global UI script instead. It will run on every page in the system. You can use location.href to check if current page is "com.glideapp.servicecatalog_cat_item_view" and if it is — hide the DOM element that contains breadcrumbs. Something along these lines:



(function() {


  addLoadEvent(function() {


          if(location.href.indexOf('/ess/com.glideapp.servicecatalog_cat_item_view.do') != -1 {


              gel('your_element_id').hide();


          }


  });


})();


View solution in original post

11 REPLIES 11

Hi Kathy



It works as expected.   Thank you very much.



Nancy


Hi



I am using a dynamic block and inside that I am calling a UI Page: com.glideapp.servicecatalog_cat_item_view.


I want to hide/remove the breadcrumb which comes from this UI Page.


How can I do that?


How do I find the element ID?



Thank you