Adaptive Side Panel

[marco li mandri]

I'm trying Bootstrap, Jquery Mobile and Kendo UI for choose best framework for develop e-commerce web site. 

Which kendo UI web widget (not mobile widget set) is designed to obtain collapsible left panel like menu of our website (http://www.telerik.com/support). 

[Kiril Nikolov]

Hi Marco,

I am not really sure which exact menu item you refer to. Kendo UI offers the Menu widget that you can see in action here:

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

Or you can use the adaptive rendering version of the Kendo UI Drawer, that does not need a kendo.mobile.Application() initialized:

http://demos.telerik.com/kendo-ui/drawer/adaptive

Regards,
Kiril Nikolov
Telerik

 

 

[marco li mandri]

I think that drower may be ok.I need to develop a menu like exactly to menu of www.telerik.com/support.

In particular:
1) Resizing viewport (responsive) disappear some button and appear "three line button" at left of telerik logo
2) Cliccking on this button appear "left drower" (attachment 1)
3) Cliccking on "lens icon" appear "search form" with 100% width (attachment 2)can i develop this menu with TELERIK UI ?

Solution may be use Toolbar for responsive, customizing "three line button" to call drower widget and use PANELBAR to show "search form"?

thank you

[Kiril Nikolov]

Hello Marco,

The menu that you see on the Telerik website was not created using Kendo UI controls, but with standard CSS practices. And as it looks like you do not need a particular widget but you need to create a responsive website that switches between layouts using media queries. 

I would suggest you to take a look at the following blog post that discusses responsive design:

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/

Regards,
Kiril Nikolov
Telerik