Custom Icons

4 posts, 1 answers
  1. Diego
    Diego avatar
    3 posts
    Member since:
    Oct 2013

    Posted 24 Oct 2013 Link to this post

    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
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 28 Oct 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Diego
    Diego avatar
    3 posts
    Member since:
    Oct 2013

    Posted 28 Oct 2013 Link to this post

    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
  5. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 28 Oct 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready