Kendo UI Tip 1 : Customizing Kendo SelectList Icons

Some times the theme of the application requires us to use some custom icons on the kendo controls (Dropdowns or Comboboxes) . Here is how to apply them ==>>

You can easily do it with CSS :

.k-icon.k-i-arrow-s {
background-image: url(YourImageURL);
background-position: 0 0;
background-size: 16px 16px;
}

You can set the size of your choice and reference the image that you want to show .

Hope this helps 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s