Set custom icon

[Freddy]

Hi,

Is it possible to set a custom search icon for the RadSearchbox?

Thanks,
Freddy

[Bozhidar]

Hello Freddy,

You can change the default image with CSS. Here's how you can do that:

.rsbButtonSearch .rsbIcon{
    background-image:url(image.png) !important;
    background-position:0 !important;
}

 
All the best,
Bozhidar
the Telerik team

[Jean-Marc]

Hello,

 

If there are 2 different RadSearchBoxes on the same page, is it possible to customize only one of the search button icons ?

if yes, how?

Thanks in advance,

All the best,

Jm

[Ivan Danchev]

Hello Freddy,

If you have several SearchBox controls on your page and want to change the button's background image of one of them you could set a CssClass to that SeachBox and use the class in the CSS rule's selector:

<telerik:RadSearchBox runat="server" ID="RadSearchBox1" CssClass="CustomizedSearchBox">

.CustomizedSearchBox .rsbButtonSearch .rsbIcon {
    background-image: url(image.png) !important;
    background-position: 0 !important;
}

Regards,
Ivan Danchev
Telerik

[Jean-Marc]

Thank you Ivan,

it works perfectly

All the best

Jm 

 

[Ivan Danchev]

Hello Jim,

We are glad the suggested styles helped you achieve the desired SearchBox appearance.

Regards,
Ivan Danchev
Telerik