Index.cshtml för SiteMapPage:

@model VikingLineWebbfas2.Web.Models.ViewModels.SiteMapPageViewModel

@{
    Layout = "~/Views/Shared/_layout.cshtml";
}

<section id="sitemap">
    <div class="container">
        <div class="row">

            <div class="col-sm-12">

                <div class="panel panel-primary">
                    <div class="panel-body">
                        @Html.Action("SiteMapTree")
                    </div>
                </div>

            </div>

        </div>
    </div>
</section>

Vy för SiteMapTree;


@foreach (var firstLevel in Model.Items)
{
    <div class="col-sm-3 sitemap-item">
        <ul class="nav nav-sitemap">
            <li>
                <a href="@Url.PageUrl(firstLevel.Href)">@firstLevel.Title</a>
                @if (firstLevel.Children.Items.Count() > 0)
                {
                    <ul class="nav nav-sitemap-second">
                        @foreach (var secondLevel in firstLevel.Children.Items)
                        {
                            <li class="nav-sitemap-second-item">
                                <a href="@Url.PageUrl(secondLevel.Href)">
                                    @secondLevel.Title
                                    @if (secondLevel.Children.Items.Count() > 0)
                                    {
                                        <span class="show-third pull-right"><i class="fa fa-plus"></i></span>
                                    }
                                </a>

                                @if (secondLevel.Children.Items.Count() > 0)
                                {
                                    <ul class="nav nav-sitemap-third">
                                        @foreach (var thirdLevel in secondLevel.Children.Items)
                                        {
                                            <li>
                                                <a href="@Url.PageUrl(thirdLevel.Href)">@thirdLevel.Title</a>
                                            </li>
                                        }
                                    </ul>
                                }
                            </li>
                        }
                    </ul>
                }

            </li>
        </ul>
    </div>
}