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

Kendo Panel Bar group header selection

1 Answer 39 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Kevon
Top achievements
Rank 1
Kevon asked on 05 Sep 2013, 02:09 PM
We do not want to highlight the group header on collapse expand. Basically it should not have k-state-focused and k-state-highlight applied to it when I expand or collapse. 

Can you please advise a trick?

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 06 Sep 2013, 01:02 PM
Hello Dan,

In order to achieve this I can suggest in the Expand / Collapse events to find the proper element and remove the .k-state-focused class. For example: 

@(Html.Kendo().PanelBar()
  //....
  .Events(ev => ev.Expand("onExpand").Collapse("onCollapse"));
)
 
<script>
function onExpand() {
   $('.k-state-focused').removeClass('k-state-focused');
}
 
function onCollapse() {
   $('.k-state-focused').removeClass('k-state-focused');
}
</script>
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
PanelBar
Asked by
Kevon
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or