Kendo Panel Bar group header selection

2 posts, 0 answers
  1. Kevon
    Kevon avatar
    3 posts
    Member since:
    Aug 2013

    Posted 05 Sep 2013 Link to this post

    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?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2594 posts

    Posted 06 Sep 2013 Link to this post

    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!
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top