mobile toprated icon

2 posts, 0 answers
  1. Nicholas
    Nicholas avatar
    6 posts
    Member since:
    Oct 2014

    Posted 14 May 2015 Link to this post

    I am trying to have a flag on state and flag off state and toggle between them.  Referencing this http://demos.telerik.com/kendo-ui/navbar/adaptive-toolbar

     

    The toprated icon seems to have an active state.  When you click it the star fills in.  I want when you click it to have it stayed filled in, and then when you click it again it goes back to the not filled in state.

     

    I can't for the life of me figure out how to do it.

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 18 May 2015 Link to this post

    Hi Nicholas,

    This scenario is not supported out-of-the-box, however it could be easily achieved using additional JavaScript and CSS. The approach which I would suggest is the following:
    - When the icons is clicked toggle some custom class;
    - Use this class to style the icon.
    For your convenience here is a basic example

    Regards,
    Iliana Nikolova
    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
Back to Top