Services Partners Company
Knowledge Base


How to customize the styling of the Searchbox autocomplete?

« Go Back


EnvironmentProduct: Sitefinity
Versions: 5.x, 6.x, 7.x, 8.x, 9.x
OS: All supported OS versions
Database: All supported Microsoft SQL Server versions
Question/Problem Description
How to customize the styling of the Searchbox autocomplete?
Steps to Reproduce
Clarifying Information
Error Message
Defect/Enhancement Number
A possible workaround consists on placing a Style widget on the page and overriding the selectors used in the SearchBox.

User-added image

If necessary use the !important clause so your style prevails over any other. E.g:
.ui-menu-item {
background-color: red !important;

This could be also placed inside a view if MVC is used.

Last Modified Date3/20/2017 3:38 PM

The origins of the information on this site may be internal or external to Progress Software Corporation (“Progress”). Progress Software Corporation makes all reasonable efforts to verify this information. However, the information provided is for your information only. Progress Software Corporation makes no explicit or implied claims to the validity of this information.

Any sample code provided on this site is not supported under any Progress support program or service. The sample code is provided on an "AS IS" basis. Progress makes no warranties, express or implied, and disclaims all implied warranties including, without limitation, the implied warranties of merchantability or of fitness for a particular purpose. The entire risk arising out of the use or performance of the sample code is borne by the user. In no event shall Progress, its employees, or anyone else involved in the creation, production, or delivery of the code be liable for any damages whatsoever (including, without limitation, damages for loss of business profits, business interruption, loss of business information, or other pecuniary loss) arising out of the use of or inability to use the sample code, even if Progress has been advised of the possibility of such damages.

Was this article helpful?


Your feedback is appreciated.

Please tell us how we can make this article more useful.

Characters Remaining: 255