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

mobile toprated icon

1 Answer 15 Views
Toolbar
This is a migrated thread and some comments may be shown as answers.
Nicholas
Top achievements
Rank 1
Nicholas asked on 15 May 2015, 03:47 AM

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.

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 18 May 2015, 01:38 PM

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!
 
Tags
Toolbar
Asked by
Nicholas
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or