Responsive Design with Menu and Bootstrap

[David]

Hello Telerik support team,

I have the latest Kendo UI MVC installed on my computer. I am using Visual Studio 2013 to develop ASP.NET MVC applications. 

I am currently looking for a way to make a menu on my application. I came across an article where I am able to bind the Menu control with a site map. I have that done in my application. Want I want to do now is make it work similar to how Bootstrap already does things. I know there is a post here on the forums where it says that you guys didn't have close integration with Bootstrap for the controls. That post was from last year and might or might not be relevant. 

I'm not sure if you guys are using the Kendo UI Menu in your website here: http://www.telerik.com/kendo-ui
But if you are I would like to know how you guys are making that 3 bar icon to show up when you resize the window. That is something that I am looking for.

Thank you,
David

[Dimo]

Hi David,

The mentioned menu on the Telerik website is a custom widget. Unfortunately, the Kendo UI Menu does not support the desired behavior, sorry about that.

Theoretically, you can try using a combination of a regular Kendo UI Menu and the new ContextMenu.

http://demos.telerik.com/kendo-ui/menu/context-menu

Regards,
Dimo
Telerik

 

 

[Carlos]

This is a clue, add this to your cshtml and use it in the <div> element wich encapsules the kendo menu

eg <div="responsive-panel">

    <script>
        $(document).ready(function () {
            $("#responsive-panel").kendoResponsivePanel({
                breakpoint: 768,
                autoClose: false,
                orientation: "top"
            });
        });
        function onclick(e) {
            $("#responsive-panel").getKendoResponsivePanel().toggle();
        }
    </script>