How to Make Column Menu Sticky?

3 posts, 0 answers
  1. Scott
    Scott avatar
    7 posts
    Member since:
    Oct 2012

    Posted 11 Feb 2013 Link to this post

    We use the Kendo Grid Column Menu but would like the “Columns” submenu to not disappear when the mouse leaves the submenu.  So we want the submenu to be “sticky.”  Is there a way to do that?  Also, what event triggers the submenu to disappears and where is it done?  Please see image below.
  2. Dimiter Madjarov
    Dimiter Madjarov avatar
    2308 posts

    Posted 12 Feb 2013 Link to this post

    Hi Scott,

    Each of the column menus in the Grid is actually a Kendo Menu. To achieve this behavior you could set to true the openOnClick and closeOnClick options on each of them using the setOptions method. 


    $(document).ready(function () {
        var menus = $(".k-column-menu .k-menu");
        for (var i = 0; i < menus.length; i++) {
            var current = $(menus[i]).data("kendoMenu");
            current.setOptions({ openOnClick: true, closeOnClick: true });

    Please let me know if this solution works in your scenario.

    Dimiter Madjarov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Thuy
    Thuy avatar
    1 posts
    Member since:
    Nov 2012

    Posted 12 Feb 2013 Link to this post

    Thank you Dimeter.  That took care of the problem that we were having!
Back to Top