Tuesday 13 December 2016

How to Manage and Customize the navigation SharePoint Online

Customize the navigation
Today I am writing about how to manage Navigation on SharePoint online or Any of Office 365 Business.
The most important part of any of online site or page is navigation of site link, navigation meant by only to show shortcut and easiest way to access any List, Page, site or etc… with the help if site navigation we can customize our site page to use smoothly or easily (Avoid steps to access the any list page or collections).
We can add, remove or edit the links on the SharePoint page for top link or quick launch bar which will show left side of the screen.
Today I will cover the following topics:
  • Quick Launch bar
  • Top Navigation setting.
  • Create link by drag and Drop
  • Navigation setting page from site settings
  • Adding and deleting Navigation
  • View types of Navigation

So we are starting from Quick Launch bar from the left side of the SharePoint pages or sites. Below are the steps to configure the same with screen shots.
  • Open any site and page and notice, left side of the screen we will have some links which will navigate or launch the respective site.
  • To click on the edit option see below screen shots and will add the new links.


  • Now we will add a link by entering the URL, to add a link to another site, type in the URL.
  • Click EDIT LINKS on the Quick Launch or Top link bar, depending on where you want to add a link.
  • Click on + link and  Enter a display name for the link and a target location, making sure you include the http:// dfdsfsdfsfsdfsdfsdfsdfsd.com/dfdsfsdf
  • Click OK to add the new link to the Quick Launch or Top link bar.
Rename a link or remove a link
  • Click EDIT LINKS on the Quick Launch or Top link bar, depending on where we want to edit a link.
  • Rename: Click directly on the link we want to rename and start typing the new name. Click outside the name, and then click Save.
  • Remove: Click the X corresponding to the link to remove it from the navigation panel, then click Save.
  • Renaming a link doesn't affect the page that the link references.
Navigation Element: Now we will discuss about navigation elements. Navigation element will define how you want to show your site navigation page, here we will get two option which we will show you below.
  • Now to check out Navigation site page, click on site setting page from setting gear box and select Navigation elements from Look and Feel categories, refer below screen shot.

  • Here we will get tow option called Enable Quick Launch & Enable tree View.
  • Enable quick Launch will specify: whether the Quick Launch should be displayed to aid navigation.  The Quick Launch displays site content in a logical manner.   
  • Enable Tree View will specify: whether a tree view should be displayed to aid navigation.  The tree view displays site content in a physical manner.    
  • Here will have check box for above default enable Tree view will be unchecked if you will select the above will result like below screen shot:
  • Now we can change the order of quick launch as well see below:
  • We add New navigation link from site setting option as well, select site setting page>select quick launch and we will getting below option to do so for
  • Top Link bar: Top link bar will represent the pages as well same as quick launch bar, we can use top navigation bar to navigate the site pages as per customer or our requirement.

How to add any new navigation link:

  • Go to site setting and select Top Link Bar from Look and feel option.
  • Now on top link page, click on new Navigation Link and type web address and Type description then click on ok.


  • Here we can change the Order from here only, see the below screen shots and steps as well.

  • Go to Top Link Bar and select Change Order option.




Now we will go ahead and we can see there is other two option available on look and Feel Option from the Office 365 or SharePoint page.

Those are Title description and Logo and Change look, I have written in brief about the same.

Kindly refer the below link to see or configure the same.
Thanks ☺

No comments:

Post a Comment