Service Portal - sn-search-combobox (AI SEARCH search bar) - custom styling

schwarz_patrik_
Giga Contributor

Hello all, hope you are having a great day!

 

My question is very simple, is it possible to apply custom styles to the search input used with AI Search in ServicePortal? (the search input generated by directive sn-search-combobox)

 

I tried adding the css into the parent widget & theme, but none of those did apply the styles to the search input.

Upon further investigation, the search input is rendered inside shadowRoot, so global styles probably won't work here.

Is there a workaround how to apply styles to the search input please ?

Is it even possible to modify lets say the border color or border radius on the sn-search-combobox search input?

 

Thanks a lot for any hints & tips!

 

 

13 REPLIES 13

RJ33
Tera Contributor

@schwarz_patrik_  were you able to achieve this?

Sukrati Sharma
ServiceNow Employee
ServiceNow Employee

Is it possible to change the search icon in sn-search-combobox ?

I want an image of magnifying glass with sparkle instead of simple search icon.

ashwanishar
Tera Contributor

How I can change search input box style as per my design.
Please suggest if there is any way.

Bhavana Byreddy
Tera Contributor

@schwarz_patrik_ @ashwanishar @Sukrati Sharma @RJ33 @Philippe Luickx  did you guys find any solution for this