Layout and navigation questions

[Chris]

For my app I ideally would like to achieve the following layout :

• Fixed / static header with links to most commonly used areas of the app, each with expandable sub links to more specific locations
  
• Left hand slide menu - ideally with some icons down the left for quick access to a section, or able to be expanded via an icon which is in the header - each section would also need to have expandable links ideally
  
• Ideally a fixed / static footer, although this is less important

So am I right in thinking this is the way to go about it?

Header - this would be an app bar component,

Expandable links within the header - a menu component embedded within the app bar for the expandable links

Left bar - this would be a drawer component so it can show the icons and be expanded on demand - would this also need an embedded menu component so each section can expand?

Thanks

[Anton Mironov]

Hi Chris,

Thank you for the details provided.

I can see you already have a very good idea about the application and maybe the main information that is needed is for the left part. Here you are absolutely correct - a Telerik UI Drawer is a perfect choice.

In order to achieve the desired result, I would recommend using the approach from our Telerik Admin Dashboard sample application:

• https://demos.telerik.com/aspnet-core/admin-dashboard#

The application above uses a Drawer as a left menu. Here is the complete code for the application:

• https://github.com/telerik/admin-dashboard-sample-app-core/tree/master/AdminDashboard

I hope this information helps. 

Kind Regards,
Anton Mironov
Progress Telerik

[Chris]

Many thanks - I think that example will be perfect so I think I know what to do now.

[Anton Mironov]

Hi Chris,

Thank you for the kind words. I am glad to hear that the example meets the requirements.

If additional information or assistance is needed, do not hesitate to contact me and the Team.


Best Regards,
Anton Mironov

[Chris]

I have put together an example with hierarchy in the drawer component using the demo page : https://demos.telerik.com/aspnet-core/drawer/hierarchy

The code for hiding and showing the nested sections seems to be fixed / hard coded to a value of 2 sub items - is that correct? Is there a way to have the code work for sections that may have different numbers of sub items?

Thanks

[Anton Mironov]

Hi Chris,

Can you please provide more information about the sections with the subitems?

It would be great if you could send me a runnable sample project here or in the ticket system.

Once I have the complete scenario in a runnable sample project I could try to add the desired functionality.

Looking forward to hearing back from you.

Kind Regards,
Anton Mironov