Sitefinity 5.1 : Tree View Navigation issue

Hi all,

I want to create a navigation menu like attached 'barilla1' file. Firstly, all pages appears collapsed.  Also must 'show the parent page in navigation'.

When I click an item on menu, If there's a child node it expanded. Like attached file 'barilla2' file. You can also see menu in this url : www.barillagroup.com/.../introductiontobarilla.html

I couldn't find a navigation like this. Can somebody show me how to do this?

Thanks in advance...

Hello Özkan,

In order to achieve the desired functionality you will need to make a custom Navigation template. In it you can use RadPanelBar control which implements this functionality out of the box. You can use your custom .ascx template by dropping the Navigation widget and clicking on the Edit button. Then expand the Design Settings drop down and in the Custom template path field type the relative path to your template. 

I have attached a sample template which you can use in your project and build the navigation from there. For further styling and additional functionality if the control you can take a look at the RadPanelBar's Documentation.

I hope this helps.