MvcSiteMap customizable

Question

I have been looking around but I didn't find an answer for my problem.

I would like a menu like this :

1. Home
2. Admnistration (Not clickable)
   • Personnel
   • Holiday

When I click the Personnel-item I would like to show the following :

1. Home
2. Admnistration
   • Personnel
     • Create New

When I click the Home-item, I go back to the index-page showing the first menu. Clicking the Holiday-item would show a menu like this:

1. Home
2. Admnistration
   • Holidays
     • Create New

My views are in one project and my controllers are in a different project. I can't seem to get it to work.

This is my sitemap:

<?xml version="1.0" encoding="utf-8" ?><mvcSiteMap xmlns="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0" enableLocalization="true">
<mvcSiteMapNode title="Home" controller="Home" action="Index">
    <mvcSiteMapNode title="Administration" clickable="false">
        <mvcSiteMapNode title="Employee" controller="Personnel" action="Index">
            <mvcSiteMapNode title="New Employee" controller="Personnel" action="Create"/>
        </mvcSiteMapNode>
        <mvcSiteMapNode title="Holiday" controller="Holidays" action="Index">
            <mvcSiteMapNode title="New Holiday" controller="Holidays" action="HolidayNew"/>
        </mvcSiteMapNode>
    </mvcSiteMapNode>
</mvcSiteMapNode>

My web.config:

<siteMap defaultProvider="MvcSiteMapProvider" enabled="true">
      <providers>
        <clear />
        <add name="MvcSiteMapProvider" 
             type="MvcSiteMapProvider.DefaultSiteMapProvider, MvcSiteMapProvider" 
             siteMapFile="~/Mvc.Sitemap" 
             securityTrimmingEnabled="true" cacheDuration="5" enableLocalization="true" 
             scanAssembliesForSiteMapNodes="true" includeAssembliesForScan="" 
             excludeAssembliesForScan="" 
             nodeKeyGenerator="MvcSiteMapProvider.DefaultNodeKeyGenerator, MvcSiteMapProvider" 
             controllerTypeResolver="MvcSiteMapProvider.DefaultControllerTypeResolver, MvcSiteMapProvider" 
             actionMethodParameterResolver="MvcSiteMapProvider.DefaultActionMethodParameterResolver, MvcSiteMapProvider" 
             aclModule="MvcSiteMapProvider.DefaultAclModule, MvcSiteMapProvider" 
             siteMapNodeUrlResolver="MvcSiteMapProvider.DefaultSiteMapNodeUrlResolver, MvcSiteMapProvider" 
             siteMapNodeVisibilityProvider="MvcSiteMapProvider.DefaultSiteMapNodeVisibilityProvider, MvcSiteMapProvider" 
             siteMapProviderEventHandler="MvcSiteMapProvider.DefaultSiteMapProviderEventHandler, MvcSiteMapProvider" />
      </providers>

Answer 1

You will want to modify the MVCSiteMap DisplayTemplates - this gives you fine grained control over how the menu is displayed. This tutorial may help: http://edspencer.me.uk/2011/09/20/mvc-sitemap-provider-tutorial-2-breadcrumbs/

UPDATE

Here is an example to get you started.

Mvc.sitemap

<mvcSiteMapNode title="RootNode" controller="Home" action="Index">
  <mvcSiteMapNode title="Home" controller="Home" action="Index"/>
  <mvcSiteMapNode title="Administration" clickable="false">
    <mvcSiteMapNode title="Personnel" controller="Home" action="Personnel">
      <mvcSiteMapNode title="New Personnel" controller="Home" action="PersonnelNew"/>
    </mvcSiteMapNode>
    <mvcSiteMapNode title="Holiday" controller="Home" action="Holiday">
      <mvcSiteMapNode title="New Holiday" controller="Home" action="HolidayNew"/>
    </mvcSiteMapNode>
  </mvcSiteMapNode>
  <mvcSiteMapNode title="About" controller="Home" action="About"/>
</mvcSiteMapNode>

SiteMapHelperModel.cshtml

<ul class="siteMap">
    @foreach (var node in Model.Nodes) {
        if (node.IsRootNode)
        {
            foreach (var menu in node.Children)
            {
                <li>@Html.DisplayFor(m => menu) 
                    @if (menu.IsInCurrentPath || menu.IsCurrentNode)
                    {
                        if (menu.Children.Any())
                        {
                            @Html.DisplayFor(m => menu.Children)
                        }
                    }
                    else
                    {
                        foreach (var child in menu.Children)
                        {
                            @Html.DisplayFor(m => child)
                        }
                    }
                </li>
            }
        }
    }
</ul>

SiteMapNodeModelList.cshtml

<ul>
    @foreach (var node in Model) {
        if (node.IsCurrentNode)
        {
            <li>@Html.DisplayFor(m => node) 
                @foreach (var child in node.Children)
                {
                    @Html.DisplayFor(m => child);
                }
            </li>
        }
        else if (node.IsInCurrentPath)
        {
            <li>@Html.DisplayFor(m => node) 
                if (node.Children.Any())
                {
                    @Html.DisplayFor(m => node.Children)
                }
            </li>
        }
    }
</ul>

SiteMapNodeModel.cshtml

@if (Model.IsClickable) { 
    <a href="@Model.Url">@Model.Title</a>
} else { 
    <text>@Model.Title</text>
}

Now, when I go home, the menu is rendered as:

<ul class="siteMap">
    <li>
        <a href="/">Home</a>
    </li>
    <li>
        Administration
        <a href="/Home/Personnel">Personnel</a>
        <a href="/Home/Holiday">Holiday</a>
    </li>
    <li>
        <a href="/Home/About">About</a>
    </li>
</ul>

When I click on the Personnel menu item I get:

<ul class="siteMap">
    <li>
        <a href="/">Home</a>
    </li>
    <li>
        Administration
        <ul>
            <li>
                <a href="/Home/Personnel">Personnel</a>
                <a href="/Home/PersonnelNew">New Personnel</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="/Home/About">About</a>
    </li>
</ul>

And when I click on the Holiday menu item I get:

<ul class="siteMap">
    <li>
        <a href="/">Home</a>
    </li>
    <li>
        Administration
        <ul>
            <li>
                <a href="/Home/Holiday">Holiday</a>
                <a href="/Home/HolidayNew">New Holiday</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="/Home/About">About</a>
    </li>
</ul>

This wont be the exact functionality you want, but hopefully its enough to get you started.

UPDATE

Web.config

<siteMap defaultProvider="MvcSiteMapProvider" enabled="true">
  <providers>
    <clear />
    <add name="MvcSiteMapProvider"
         type="MvcSiteMapProvider.DefaultSiteMapProvider, MvcSiteMapProvider"
         siteMapFile="~/Mvc.Sitemap"
         securityTrimmingEnabled="true"
         cacheDuration="5"
         enableLocalization="true"
         scanAssembliesForSiteMapNodes="true"
         includeAssembliesForScan=""
         excludeAssembliesForScan=""
         attributesToIgnore="clickable,visibility"
         nodeKeyGenerator="MvcSiteMapProvider.DefaultNodeKeyGenerator, MvcSiteMapProvider"
         controllerTypeResolver="MvcSiteMapProvider.DefaultControllerTypeResolver, MvcSiteMapProvider"
         actionMethodParameterResolver="MvcSiteMapProvider.DefaultActionMethodParameterResolver, MvcSiteMapProvider"
         aclModule="MvcSiteMapProvider.DefaultAclModule, MvcSiteMapProvider"
         siteMapNodeUrlResolver="MvcSiteMapProvider.DefaultSiteMapNodeUrlResolver, MvcSiteMapProvider"
         siteMapNodeVisibilityProvider="MvcSiteMapProvider.DefaultSiteMapNodeVisibilityProvider, MvcSiteMapProvider"
         siteMapProviderEventHandler="MvcSiteMapProvider.DefaultSiteMapProviderEventHandler, MvcSiteMapProvider" />
  </providers>
</siteMap>