This is a migrated thread and some comments may be shown as answers.

Custom Icons

3 Answers 53 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Diego
Top achievements
Rank 1
Diego asked on 24 Oct 2013, 04:57 PM
Hi Telerik support team
I am using custom icons for listview but those don't work fine using the documentation guidelines
I Attached the project for your review.

Thanks in advance and I am aware for your help.

Regards.

Diego Varela

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 28 Oct 2013, 07:42 AM
Hello Diego,

The problems comes from the fact that the -webkit-background-clip:border-box; property does not take affect on the icons of the ListView. Adding an important declaration at the end, seems to be fixing the issue:

-webkit-background-clip: border-box !important;


Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Diego
Top achievements
Rank 1
answered on 28 Oct 2013, 01:44 PM
Hello Kiril,

Thanks for your help, however, applying the important declaration just show a kind of shadow of the icon.
Is it possible apply full color icon to custom icons on listview?
I attached the icon that I want to use and the result applying your suggestion.

Thanks in advance.

Regards,
Diego Varela
0
Accepted
Kiril Nikolov
Telerik team
answered on 28 Oct 2013, 02:59 PM
Hi Diego,

In order to do so, you will need to set the icon as a background image and then change the background color, so it will be displayed in full color. I have attached an example showing a possible implementation.
 
Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ListView (Mobile)
Asked by
Diego
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Diego
Top achievements
Rank 1
Share this question
or