Client Filtering CSS

2 posts, 1 answers
  1. Paul Ridden
    Paul Ridden avatar
    35 posts
    Member since:
    Mar 2007

    Posted 06 Oct Link to this post

    Hello,

    I'm about to implement the DropDownList Client Filtering function as per http://demos.telerik.com/aspnet-mvc/dropdownlist/clientfiltering.

    However, due to the complex CSS of my site, the magnify glass icon in the search box has been mis-aligned.

    I'm struggling to find the CSS that relates to the said icon.

    Please can someone tell what CSS I need to adjust the icon?

    Or can someone please tell me how to move the icon 5 pixels to the left?

    Thanks in advance.

  2. Answer
    Orlin
    Admin
    Orlin avatar
    22 posts

    Posted 10 Oct Link to this post

    Extension settingsExtension settingsExtension settings

    Hello Paul,

    To style the magnifying glass icon in the DropDownList you can use this CSS selector:

    .k-list-filter .k-icon.k-i-search {
      right: 11px; /* This will move the icon 5px to the left */
    }

    If this selector is not specific enough, you may need to inspect your existing styles and increase the specificity a bit.

    I hope this helps.
     

    Regards,
    Orlin
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
Back to Top