Create Navigation Heading With SubNodes in SharePoint 2010 Programmatically Using VS 2012

Introduction

 

Today, in this article let's play around with one of the interesting and most useful concepts in SharePoint 2010.

Question: What is a Navigation Heading?

In simple terms "Creates a navigation heading to the top level site, where it can be linked with an URL such that when clicked it will navigate to a specific page".

Step 1: Open SharePoint 2010 Central Administration and navigate to a specific site

 

Step 2: Open up Visual Studio 2012 and try to select SharePoint Visual Web Part project

 

 

Step 3: Select "Deploy as a farm solution" as in the following and click the "Finish" button:

 

 

Step 4: The complete code of visualwebpart1usercontrol.ascx looks like this:
 

 

<%@ assembly name="$SharePoint.Project.AssemblyFullName$" %>

<%@ assembly name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls"

    assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ register tagprefix="Utilities" namespace="Microsoft.SharePoint.Utilities" assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ register tagprefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>

<%@ import namespace="Microsoft.SharePoint" %>

<%@ register tagprefix="WebPartPages" namespace="Microsoft.SharePoint.WebPartPages"

    assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%@ control language="C#" autoeventwireup="true" codebehind="VisualWebPart1.ascx.cs"

    inherits="SubNodeApp.VisualWebPart1.VisualWebPart1" %>

<center>

    <div>

        <table style="text-align: center">

            <tr>

                <td colspan="2">

                    <asp:label id="Label1" runat="server" text="Navigation Heading Text Creation  - SharePoint 2010 Programatically"

                        font-bold="true" font-size="Large" font-names="Verdana" forecolor="Maroon"></asp:label>

                </td>

            </tr>

            <tr>

                <td>

                    <asp:label id="Label2" runat="server" text="Please Enter Heading Name" font-size="Large"

                        font-names="Verdana" font-italic="true"></asp:label>

                </td>

                <td>

                    <asp:textbox id="TextBox1" runat="server"></asp:textbox>

                </td>

            </tr>

            <tr>

                <td>

                    <asp:label id="Label3" runat="server" text="Please Enter Heading URL" font-size="Large"

                        font-names="Verdana" font-italic="true"></asp:label>

                </td>

                <td>

                    <asp:textbox id="TextBox2" runat="server"></asp:textbox>

                </td>

            </tr>

            <tr>

                <td colspan="2">

                    <center>

                        <fieldset>

                            <legend style="font-family: Verdana; font-weight: bold">Sub-Nodes</legend>

                            <table>

                                <tr>

                                    <td>

                                        <asp:label id="Label4" runat="server" text="Please Enter Sub-Node" font-size="Large"

                                            font-names="Verdana" font-italic="true"></asp:label>

                                    </td>

                                    <td>

                                        <asp:textbox id="TextBox3" runat="server"></asp:textbox>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <asp:label id="Label7" runat="server" text="Please Enter Sub-Node URL" font-size="Large"

                                            font-names="Verdana" font-italic="true"></asp:label>

                                    </td>

                                    <td>

                                        <asp:textbox id="TextBox5" runat="server"></asp:textbox>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <asp:label id="Label6" runat="server" text="Please Enter SubNode" font-size="Large"

                                            font-names="Verdana" font-italic="true"></asp:label>

                                    </td>

                                    <td>

                                        <asp:textbox id="TextBox4" runat="server"></asp:textbox>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <asp:label id="Label8" runat="server" text="Please Enter Sub-Node URL" font-size="Large"

                                            font-names="Verdana" font-italic="true"></asp:label>

                                    </td>

                                    <td>

                                        <asp:textbox id="TextBox6" runat="server"></asp:textbox>

                                    </td>

                                </tr>

                            </table>

                        </fieldset>

                    </center>

                </td>

            </tr>

            <tr>

                <td colspan="2">

                    <asp:button id="Button1" runat="server" text="Create Heading and Sub-Nodes" font-names="Verdana"

                        width="282px" backcolor="Orange" font-bold="True" onclick="Button1_Click" />

                </td>

            </tr>

            <tr>

                <td colspan="2">

                    <asp:label id="Label5" runat="server" font-bold="true" font-names="Verdana"></asp:label>

                </td>

            </tr>

        </table>

    </div>

</center>

 

Step 5: The complete code of visualwebpart1usercontrol.ascx.cs looks like this:

 

using Microsoft.SharePoint;

using Microsoft.SharePoint.Navigation;

using System;

using System.ComponentModel;

using System.Web.UI.WebControls.WebParts;namespace SubNodeApp.VisualWebPart1

{

    [ToolboxItemAttribute(false)]public partial class VisualWebPart1 : WebPart

    {

        // Uncomment the following SecurityPermission attribute only when doing Performance Profiling using

        // the Instrumentation method, and then remove the SecurityPermission attribute when the code is ready

        // for production. Because the SecurityPermission attribute bypasses the security check for callers of

        // your constructor, it's not recommended for production purposes.

        // [System.Security.Permissions.SecurityPermission(System.Security.Permissions.SecurityAction.Assert, UnmanagedCode = true)

        ]public VisualWebPart1(){}protected override void OnInit(EventArgs e){base.OnInit(e);InitializeControl();

        }

        protected void Page_Load(object sender, EventArgs e)

        {

            TextBox1.Focus();

        }

        protected void Button1_Click(object sender, EventArgs e)

        {

            if (string.IsNullOrEmpty(TextBox1.Text) || string.IsNullOrEmpty(TextBox2.Text) ||string.IsNullOrEmpty(TextBox3.Text) || string.IsNullOrEmpty(TextBox4.Text) ||string.IsNullOrEmpty(TextBox5.Text) || string.IsNullOrEmpty(TextBox6.Text))

            {

                Label5.Text = "Please Enter Some Values";

                Label5.ForeColor = System.Drawing.Color.Red;

            }

            else

            {

                try

                {

                    SPSite site = new SPSite("http://win-5c3g1lanj3k:46908/");

                    SPWeb web = SPContext.Current.Web;SPNavigationNodeCollection navigationNode = web.Navigation.TopNavigationBar;

                    SPNavigationNode mainHeading = new SPNavigationNode(TextBox1.Text, TextBox2.Text, true);

                    navigationNode.AddAsLast(mainHeading);

                    SPNavigationNode subNode1 = new SPNavigationNode(TextBox3.Text, TextBox5.Text, true);

                    mainHeading.Children.AddAsLast(subNode1);

                    SPNavigationNode subNode2 = new SPNavigationNode(TextBox4.Text, TextBox6.Text, true);

                    mainHeading.Children.AddAsLast(subNode2);

                    Label5.Text = TextBox1.Text + " Heading is Successfully Created !";

                    Label5.ForeColor = System.Drawing.Color.Green;

                    TextBox1.Text = string.Empty;

                    TextBox2.Text = string.Empty;

                    TextBox3.Text = string.Empty;

                    TextBox4.Text = string.Empty;

                    TextBox5.Text = string.Empty;

                    TextBox6.Text = string.Empty;

                }

                catch (SPException exception)

                {

                    Label5.Text = exception.Message;

                }

            }

        }

    }

}

 

Step 6: Deploy the solution file and add the new webpart to a SharePoint site.

 

Step 7: The output of the application looks like this:

 

 

 

Step 8: Data entering output of the application looks like this:

 

 

 

 

Step 9: Navigation heading with sub-node created output of the application looks like this:

 

 

I hope this article is useful for you