mobile toprated icon

[Nicholas]

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.

[Iliana Dyankova]

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