Any tutorials or bootstrap UI application layouts similar to TeamPulse?

5 posts, 0 answers
  1. B
    B avatar
    8 posts
    Member since:
    Jul 2013

    Posted 25 Jul 2013 Link to this post

    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.
  2. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 26 Jul 2013 Link to this post

    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
    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
  4. B
    B avatar
    8 posts
    Member since:
    Jul 2013

    Posted 26 Jul 2013 Link to this post

    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.
  5. B
    B avatar
    8 posts
    Member since:
    Jul 2013

    Posted 26 Jul 2013 Link to this post


    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.
  6. Jordan
    Admin
    Jordan avatar
    123 posts

    Posted 30 Jul 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready