Adding a Left Navigation in the place of Current navigation in SharePoint 2013 Site.

Hi All,

I have successfully converted an HTML Page to a SharePoint 2013 Master Page. I also created a Custom Page Layout. Using both them I have created my SharePoint Site with 30+ pages. Each page is consisted with the Top Header Navigation as it is inheriting from the Master Page I have used. Now I need the left navigation inherit from the master page also. It gives me the advantage of updating it from the master page and affects it through the entire SharePoint Site. 

But at the moment I am inserting the Left Nav using a web part as an HTMl code snippet individually for each and every page. If needs a modification I have to go through all the pages and do the modification. This is not convenient also. I want to this left nav like the SharePoint Current Navigation alternative but within my Page Layout.

Is there an option to chat within these forums?

Could someone help me to solve this problem?

Thanks and regards,

Chiranthaka

March 29th, 2015 3:19pm

Hi All,

I have successfully converted an HTML Page to a SharePoint 2013 Master Page. I also created a Custom Page Layout. Using both them I have created my SharePoint Site with 30+ pages. Each page is consisted with the Top Header Navigation as it is inheriting from the Master Page I have used. Now I need the left navigation inherit from the master page also. It gives me the advantage of updating it from the master page and affects it through the entire SharePoint Site. 

But at the moment I am inserting the Left Nav using a web part as an HTMl code snippet individually for each and every page. If needs a modification I have to go through all the pages and do the modification. This is not convenient also. I want to this left nav like the SharePoint Current Navigation alternative but within my Page Layout.

Is there an option to chat within these forums?

Could someone help me to solve this problem?

Thanks and regards,

Chiranthaka

Free Windows Admin Tool Kit Click here and download it now
March 29th, 2015 3:19pm

I think you are referring to the quick launch if so check out this page.  https://support.office.com/en-au/article/Configure-navigation-inheritance-08db212a-8967-4de1-8014-d45c76aed762

Hope it is that easy

Ed

March 29th, 2015 4:14pm

Thanks for the quick reply Ed, is this can be done using custom master page in SharePoint 2013? Because this article is about 2007.

Chiranthaka

Free Windows Admin Tool Kit Click here and download it now
March 30th, 2015 2:57am

Hi All,

I have successfully converted an HTML Page to a SharePoint 2013 Master Page. I also created a Custom Page Layout. Using both them I have created my SharePoint Site with 30+ pages. Each page is consisted with the Top Header Navigation as it is inheriting from the Master Page I have used. Now I need the left navigation inherit from the master page also. It gives me the advantage of updating it from the master page and affects it through the entire SharePoint Site. 

But at the moment I am inserting the Left Nav using a web part as an HTMl code snippet individually for each and every page. If needs a modification I have to go through all the pages and do the modification. This is not convenient also. I want to this left nav like the SharePoint Current Navigation alternative but within my Page Layout.

Is there an option to chat within these forums?

Could someone help me to solve this problem?

Thanks and regards,

Chiranthaka

March 30th, 2015 9:44am

Hi,

As I understand, you want to add current navigation as left navigation to custom SharePoint master page.

You can go to snippet gallery and select the Vertical Navigation, copy and paste this snippet in the HTML Snippet section at the desired location in your HTML design file.

Follow the steps as below:

1. Browse to your publishing site, click site setting, and then choose Design Manager under look and feel.
2. In Design Manager, in the left navigation pane, choose Edit Master Pages or Edit Page Layouts, depending on what type of file you're editing.
3. Select the name of the master page or page layout that you want to add snippets to.
4. To open the Snippet Gallery, choose Snippets in the upper-right corner of the server-side preview.
5. On the ribbon, on the Design tab, choose Vertical Navigation, you will get the code about displaying left navigation.

More information about SharePoint 2013 Design Manager Snippets.

https://msdn.microsoft.com/en-us/library/office/jj822367.aspx#Introduction

Best Regards

Sara fan

Free Windows Admin Tool Kit Click here and download it now
March 31st, 2015 8:44am

Hi Sara,

Many thanks for the posting you have done. I have a doubt about this Current Navigation. I want to add my own navigation to the place of Current Navigation with my own Hyperlinks with HTML and styles. The below screenshot will explain the requirement.

In the above the left navigation is inserted to a script editor we part in custom built page layout column. Now I want that left navigation to be inserted as the current navigation into the same web part zone. Below is showing the Page Layout that I had built.

We usually insert this Left Navigation to page by page. If an update needed we have to go to all pages and insert them. As a solution I'm trying to insert this left navigation into the place of Current navigation.

Is this possible?

Could you help me to solve this matter?

Regards,

Chiranthaka

April 1st, 2015 10:13am

Hi All,

This question is not directly applied to Visual Studio but for the development within SharePoint we use Visual Studio 2013. Hence I added this question to this forum.

I want to add my own navigation to the place of Current Navigation with my own Hyperlinks with HTML and styles. The below screenshot will explain the requirement.

In the above the left navigation is inserted to a script editor we part in custom built page layout column. Now I want that left navigation to be inserted as the current navigation into the same web part zone. Below is showing the Page Layout that I had built.

We usually insert this Left Navigation to page by page. If an update needed we have to go to all pages and insert them. As a solution I'm trying to insert this left navigation into the place of Current navigation.

Is this possible?

Could you help me to solve this matter?

Regards,

Chiranthaka

Free Windows Admin Tool Kit Click here and download it now
April 2nd, 2015 4:08am

Hi All,

This question is not directly applied to Visual Studio but for the development within SharePoint we use Visual Studio 2013. Hence I added this question to this forum.

I want to add my own navigation to the place of Current Navigation with my own Hyperlinks with HTML and styles. The below screenshot will explain the requirement.

In the above the left navigation is inserted to a script editor we part in custom built page layout column. Now I want that left navigation to be inserted as the current navigation into the same web part zone. Below is showing the Page Layout that I had built.

We usually insert this Left Navigation to page by page. If an update needed we have to go to all pages and insert them. As a solution I'm trying to insert this left navigation into the place of Current navigation.

Is this possible?

Could you help me to solve this matter?

Regards,

Chiranthaka

April 2nd, 2015 4:08am

Hi Chiranthaka,

Thank you for posting in MSDN forum.

Since this forum is to discuss: Visual Studio WPF/SL Designer, Visual Studio Guidance Automation Toolkit, Developer Documentation and Help System, and Visual Studio Editor.

Based on your issue, it is more related to the sharepoint, so Im afraid that it is not the correct forum for this issue.

In addition, I find that you have been posted this issue in this SharePoint forum:

https://social.msdn.microsoft.com/Forums/en-US/7e3af32b-2bf8-41f5-9420-9265ed64458c/adding-a-left-navigation-in-the-place-of-current-navigation-in-sharepoint-2013-site?forum=sharepointgeneral , so we will merge this case to the above case, I think that the SharePoint expert will follow up your issue.

Thanks for your understanding.

Best Regards,

Free Windows Admin Tool Kit Click here and download it now
April 3rd, 2015 1:55am

Hi,

I think, for this you can directly put your code in master page...it should work. 

Please try the following steps.

1. Download your master page from Site Settings > Web Designer Galleries > Master pages

2. Edit the master page using Visual studio

3. Search for the <div id "sideNavBox">

4. Just make the above div as display:none as shown below.

5. Start a new <div> and paste your html code inside that.

6. Save the master page and upload it back to Master pages gallery. Site Settings > Web Designer Galleries > Master pages

Please make sure, there should not be a corrupted or open tags inside the master page when you upload to the gallery. Otherwise it will result a corrupted site. 

April 3rd, 2015 9:44am

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics