Render Tree structure about our.umbraco.umbnav

[AaronSadlerUK]

Unfortunately not, as everyone renders their menu's different, and so I was unable to come up with a re-usable method

[AaronSadlerUK]

You would need to do this with a recursive loop with the help of a helper, I don't have an example for that, but below you will see an example for a 2 level navigation.

For example from the demo site a 2 level navigation:

Our.Umbraco.UmbNav/TestSite/Views/Partials/Navigation/TopNavigation.cshtml

Lines 10 to 64 in e9c1915

	<ul id="nav">
	@foreach (var item in umbNav)
	{
	if (item.Children != null && item.Children.Any())
	{
	<li>
	<a class="@item.CustomClasses" href="@item.Url()" target="@item.Target" rel="@item.Noopener @item.Noreferrer">
	@if (item.Image != null)
	{
	<img src="@item.Image.Url()" alt="@item.Title" width="30" height="30" />
	}
	@item.Title
	@if (item.IsActive)
	{
	<text>Active</text>
	}
	</a>
	<ul>
	@foreach (var child in item.Children)
	{
	<li>
	<a class="@child.CustomClasses" href="@child.Url()" target="@child.Target" rel="@child.Noopener @child.Noreferrer">
	@if (child.Image != null)
	{
	<img src="@child.Image.Url()" alt="@child.Title" width="30" height="30" />
	}
	@child.Title
	@if (child.IsActive)
	{
	<text>Active</text>
	}
	</a>
	</li>
	}
	</ul>
	</li>
	}
	else
	{
	<li>
	<a class="@item.CustomClasses" href="@item.Url()" target="@item.Target" rel="@item.Noopener @item.Noreferrer">
	@if (item.Image != null)
	{
	<img src="@item.Image.Url()" alt="@item.Title" width="30" height="30" />
	}
	@item.Title
	@if (item.IsActive)
	{
	<text>Active</text>
	}
	</a>
	</li>
	}
	}
	</ul>

[Sven883]

Hey @AaronSadlerUK
Thanks for the quick response!

Ok, I will add this in the code. I thought it would automatically get the children in the 'GetLinkHtml' extension method.

Thanks!