Create Top Navigation for SharePoint Custom Master Page





As the part of customization masterpage sometimes you need to add top level navigation with specified sites. Here is the coolest way to achieve this using aspx menu bar control.

Create a visual webpart in visual studio 2010 and add aspx menu control on the user control.

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" CssClass="xxxxx"><asp:Menu>
// Apply styles as your wish

Take a custom list and create column [ ex:MenuUrl]  that using for url of the top navigations[Ex: https://xxxxxxx/home.aspx]. And add this list content to aspx menu on page load event as shown in below code.

protected void Page_Load(object sender, EventArgs e)
{
  if (!IsPostBack)
  {
SPWeb web = SPContext.Current.Web;
SPList list = web.Lists["ListMenu"];
SPListItemCollection items = list.Items;
// get the list item for menu control
//Title is the display name and MenuUrl refers the navigation url.
foreach (SPListItem item in items)
{
Menu1.Items.Add(new MenuItem(item["Title"].ToString(), item["Title"].ToString(), null, item["MenuUrl"].ToString().Split(',')[0]));
}

   Menu1.DataBind();
  }
}

add register this user control in your custom masterpage
<%@ Register TagPrefix="menu" TagName="menuweb" src="~/_controltemplates/xxxxx.ascx" %>

and call this in your cusomt master page specified location.

<menu:menuweb runat="server" id="menunew"/>

Is working like charm. If your remove some the tabs in top navigation simply go to custom list as we created for top navigation and delete the item.

Comments

Post a Comment

Popular posts from this blog

PAGE NOT FOUND ERROR PAGE IN SHAREPOINT 2013

Image
Default PageNotfound\404 page   - By default, all the Publishing sites contain a default Error\404 page  “PageNotFoundError .aspx” page which is added to the “Pages” library (See below). This page can be modified to add some custom text. “Error Page” Content Type -   To allow users to Create a new 404 Error page, Publishing Sites now contain a new Content Type “ Error Page “.This Content type Inherits from “Page” Content type and has a typical layout of a Page Not found or 404 pages. To find this Content type Navigate to Site Settings -> Content Types -> Error Page. Create a New PageNotFound or 404 Page  – To Create a new 404 page admins can navigate to the “Pages” Library and under the “Files tab” select “New Document”.In the “New Document” drop-down menu select “Error Page” (see the screen below). Once you have Created a new Error Page you can modify it by simply clicking the page in the pages library and editing it. Once done Check In and Pub
Keep reading

Send Mails in SharePoint Event Receiver

After I getting the user, email id from item( described in Previous Post) . Now I need to send mail to the user, I tried lot of ways to send mails and finally I realise that below code is best for my scenario to send mails. SmtpClient smtpClient = new SmtpClient(); smtpClient.Host = properties.Web.Site.WebApplication.OutboundMailServiceInstance.Server.Address; MailMessage mailMessage = new MailMessage(MailFrom, mailTo); mailMessage.Subject = MailSubject; mailMessage.Body = MailBody; mailMessage.IsBodyHtml = true; smtpClient.Send(mailMessage); here smtpClient.Host is getting the local mail server address and we include from, to and subject, body in MailMessage and finaly send the message using smtpClient.Send(mailMessage), and don’t forgot to include try catch blocks. Good luck.
Keep reading

Get Host site list items in SharePoint Hosted App.

Those who starts working on Apps might face issues to read host site list items. In sharepoint hosted APP using Rest API we able to query host site list items. The rest url to get host site is almost similar to get list items but we need to specify the app context and target. Make sure JQuery loaded before to execute the code in app web parts. 'use strict'; var HostUrl=""; var AppUrl==""; // load function // Intialize HostUrl, AppUrl from query strings. // call get items method $(document).ready(function () {         HostUrl= GetQueryString("SPHostUrl");        // Get Host Url from query string         AppUrl= GetQueryString("SPAppWebUrl");        // Get App Url from query string getItems("DemoList");                                        // get list items }); // function to get list items using Rest Api function getItems(listname) {             $.ajax({                 url: AppUrl + "/_
Keep reading