Set custom icon

6 posts, 0 answers
  1. Freddy
    Freddy avatar
    25 posts
    Member since:
    Feb 2013

    Posted 30 Apr 2013 Link to this post

    Hi,

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

    Thanks,
    Freddy
  2. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 01 May 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jean-Marc
    Jean-Marc avatar
    3 posts
    Member since:
    Dec 2011

    Posted 08 Feb in reply to Bozhidar Link to this post

    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

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    837 posts

    Posted 10 Feb Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. Jean-Marc
    Jean-Marc avatar
    3 posts
    Member since:
    Dec 2011

    Posted 10 Feb in reply to Ivan Danchev Link to this post

    Thank you Ivan,

    it works perfectly

    All the best

    Jm 

     

  7. Ivan Danchev
    Admin
    Ivan Danchev avatar
    837 posts

    Posted 12 Feb Link to this post

    Hello Jim,

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

    Regards,
    Ivan Danchev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017