We're reclaiming inactive PDIs to keep them available for active builders. Learn what's changing, who's affected, and how to protect your work. Read More

Customization for Typeahead Search widget

Julian Reis
Tera Contributor

Hi guys,

 

does anyone know how i can customize the typehead search widget on employee center? I just want to style the corners of the widget. 

 

JulianReis_0-1758627317807.png

 

 

With the help of dev-tools i founded out, where i can deactivate this roud corners.  Because when you deactive "border-bottom-left-radius" the corners will change. 

JulianReis_1-1758627317879.png

 

 

With the page css i tried to change/deactive it but it didnt worked. Can someone with some Servicenow/CSS expierience help me?

5 REPLIES 5

leandrolope
Tera Contributor

I also have the same problem mentioned in this post. See the link:

 

https://www.servicenow.com/community/employee-center-forum/change-typeahead-search-css/m-p/3363759

 

And indeed, cloning Typeahead Search gives you total control over the CSS.

 

But as I would like, and I believe the friend in this post also wants, we only want to change the border-radius without having to clone the OOTB widget, so as not to lose its platform updates.

 

Is this type of border-radius change more flexible in PDI, and blocked in the client instance?