Any tutorials or bootstrap UI application layouts similar to TeamPulse?

[B]

I am new to the Kendo  UI framework and would like some assistance in setting up an application layout.

In looking at several ways of laying out an application, I have settled on the layout the Telerik team used on their current incarnation of TeamPulse, and would like some assistance on setting up a similar layout.I would like to implement:

• content containers as seen in the application
• pin/unpin navigation on the LHS and RHS
• LHS menu, where clicking on Work, Plan Analyze, Settings, slides the menu over, exposes the sub-menu. I would also like to know if this menu can go more than two levels deep, as I would prefer this type of menu over a tree-type menu.

I realize some of this can all be done without Telerik controls, but since I am considering using the KendoUI components, I'd like some assistance on using them to generate this UI.

I have started to go through some good tutorials, and currently working on a SPA application that makes use of kendo.fx.  I'm guessing the slideInLeft/Right is what is used for the TeamPulse LHS menu.

Is there a tutorial around that explains how to setup a similar UI?

Assistance appreciated.

[Sebastian]

Hello B,

Although we don't have a detailed tutorial how to implement the layout available with our new HTML version of TeamPulse, I think that the following blog post can help you attain what you are after:

Kendo UI blogs
http://www.kendoui.com/blogs/teamblog/posts/12-06-14/teampulse_and_kendo_ui.aspx
http://www.kendoui.com/blogs/teamblog/posts/12-07-19/teampulse_hearts_kendo_ui_for_asp_net_mvc.aspx

TeamPulse Blog
http://www.telerik.com/agile-project-management-tools/blogs/13-07-17/porting-teampulse-from-silverlight-to-html5-with-kendo-ui.aspx

I hope you will find them useful.

Regards,
Sebastian
Telerik

[B]

Hi Sebastian,

I'm looking for info more on the new MVC/MVVM application.  Specificaly, I am interested in the navigation, and how to set up a hierarchical sliding menu as they have on the left hand side.

Are there some resources with examples on how to setup this type of menu?  I'm sure the pin/unpining is done through the kendo.fx() extension (?).


Thanks.

[B]

What would be really beneficial is if the UI source code were to be made available for the MVC/MVVM Team Pulse application that makes use of the Kendo UI components!  If it is, can someone please point me in the right direction?



Thank you.

[Jordan]

Hello,

Inside TeamPulse for the Work,Plan,Analyze we use the menu and when you open the menu (Work for example) we show the views in a treeview which is bind to the saved views.

Pin/Unpin is custom for the TeamPulse.

You can inspect the javascript and css in any of the browser developer tools if you don't have local TeamPulse you  can look at the http://demos.telerik.com/teampulse-demo/

Regards,
Jordan
Telerik