VISUAL STUDIO FEEDS

I am using the Razor view engine for this example; in Visual Studio 2010 with MVC 3 web application template. For more explanation, check out Scott Guthrie‘s blog here or here or one of the other many great posts he has written.

I like to use the SiteMap control for an easy horizontal navigation menu at the top of the content area and styled like a tab interface. Adding a few thin borders and the right background colors can create a great tab effect.

The new Razor view engine makes it very

easy to create dynamic templates.

- Create a SiteMap in the root directory of your web application and add some nodes

- Create an App_Code folder in your solution if you do not have one already

- Add a new blank partial view file called Helpers.cshtml in the App_Code folder

- Enter the following into the file -

@helper SiteMapHelper() {
   

        @{
        SiteMapNodeCollection topLevelNodes = SiteMap.RootNode.ChildNodes;
        }
        @foreach (SiteMapNode node in topLevelNodes)
        {
       
•             {
                  class="selectedMenuItem"
              }
              >
          @node.Title