Hide link left navigation in SharePoint 2013 on permissions basis using JQuery

sharepoint 2013 hide left navigation permission based.png

In this article we explore hide link from left navigation .There are two ways to remove link from Quick Launch in SharePoint 2013.
1. To customize the navigation, just click EDIT LINKS.

Hide left navigation permission based
Hide left navigation permission based

Click EDIT LINKS to customize the top navigation.
Click EDIT LINKS to customize navigation in the Quick Launch.

NOTE: If you don’t see the option to edit links, you probably don’t have permission to customize the navigation. To customize the navigation, you need to be a site owner or have permission to customize the site.



Read some SharePoint 2013 tutorials below:

2. Click Settings > Site settings. On the Site Settings page, click Navigation and to delete a heading, select the heading you want, and then click Delete.

Hide left navigation permission based sharepoint 2016
Hide left navigation permission based sharepoint 2016

Note: These additional navigation settings are available only if the publishing features are enabled for your site collection

Cause
To get content of a site to be published on the basis of permissions granted, need to make the changes through CSS or JS added to the master page. But in this case we need to change the master page. The other way is, do through console application include Custom Actions, global JS files “Script Link” using CSOM code. Without even touch the master page and SharePoint designer.



Example:
In a company some of the employees work on contract basis, they don’t have any employee ID assigned to them and not able to access the whole information available on the portal.

So here, we are going to show the information (e.g. navigation links) on the basis of permission granted to the user.

sharepoint 2013 hide left navigation permission based
sharepoint 2013 hide left navigation permission based

Following is the implemented solution:
Cs.Code:

sharepoint 2013 hide left navigation permission based jquery
sharepoint 2013 hide left navigation permission based jquery

Uploaded style Library script:

sharepoint 2013 hide left navigation permission based css
sharepoint 2013 hide left navigation permission based css

Final Output:

sharepoint 2013 hide left navigation permission based jquery css
sharepoint 2013 hide left navigation permission based jquery css


Hope this will be helpful.

Check out Best Alternative to InfoPath -> Try Now

You May Also like the Following SharePoint Online Tutorials:

About Sagar Pardeshi

I am Developer working on Microsoft Technologies for the past 6+years. I am very much passionate about programming and my core skills are SharePoint, ASP.NET & C#,Jquery,Javascript,REST. I am running this blog to share my experience & learning with the community I am an MCP, MCTS .NET & Sharepoint 2010, MCPD Sharepoint 2010, and MCSD HTML 5,Sharepoint 2013 Core Solutions. I am currently working on Sharepoint 2010, MOSS 2007, Sharepoint 2013,Sharepoint 2013 App Dev, C#, ASP.NET, and SQL Server 2008.

View all posts by Sagar Pardeshi →