SharePoint Navigation: A Step Towards Success

Navigation:  A Step Towards Success

in SharePoint

Stacy L. Deere-Strole

[email protected]

http://spmindmelt.focalpointsolutions.co

http://www.focalpointsolutions.co

Agenda

• What is Navigation?• Areas of Navigation in SharePoint• Different types of Navigation• You Be The Judge• Wrap-Up

What Is Navigation?

That which facilitates movement from one Web page to another Web page.

Most Common

Areas of Navigation

Global Navigation

Global Navigation Example

Navigation Consistency

Global Navigation Controller

GlobalNav_Controller.zip

• In the global-nav.js file, update the term set id on line 29 to that of your new term set id

• Upload the attached files to the following locations (create the folders if they don’t exist). Make sure to check in and publish all files.

• globalnav.css – (in Site Contents)  /Style Library/GlobalNav/css/globalnav.css

• global-nav.js – (in Site Contents)  /Style Library/GlobalNav/js/global-nav.js

• globalnav.css – (in Site Settings)  Master Page Gallery• Navigate to Site Settings > Master Page (Under Look and Feel). Set the

master page to default.master

Quick Links

Quick Links Example

Is that All?

The Rest of The Site!!

Types of Navigation

Promoted

What is a Promoted Link?• Tile List Web Part• Out of the Box• User Adoption Builder• Navigation

Getting Started

Where Do You Want To Go?

Creating Promoted Link List

Select & Create App

New Promoted Link List

Upload Images

Simple Drag & Drop

Open Promoted Links

Create Link

• Title: Enter Title• Background Image: Paste Image

from Site Assets• Background Image Description:

Optional• Description: Enter Description• Link Location: Enter Location Link is

going too.• Link Description: Optional• Launch Behavior: Choose Option• Order: Enter Order of your link in the

list.

Add Image

Add Link Location

Choose Launch Behavior & Order

Launch Behavior Options

1. In Page Navigation2. Dialog3. New Tab

Finished Link

Saved Link

Add Web Part

Select Web Part

Select your area, Choose Insert Tab, select web part, add and Save.

Finished Product

Free Navigation

Promoted jQuery CodePromoted Link Icons

Promoted Links on SlideShare: Get It Here!!

Icons.zip PromotedLinks_Jquery.txt

Link Lists• Tile List Web Part• Out of the Box• User Adoption Builder• Navigation

Con to Link List• All text based (Out of the Box)

You Be The Judge!!

Want this too?• HTML & CSS File• Insert the .html file in

– /catalogs/masterpage/Display Templates/Search

• On People Search Page, Edit the Core Results Web Part

• Change Default Template to People Item (Custom)

• Upload .css file to the Style Library (Must have publishing enabled).

• Site Settings, Look & Feel, Master Page, Alternate Stylesheet and attach .css file uploaded.

CorpDirectory_Updated.zip

http://en.share-gate.com/blog/corporate-directory-sharepoint-search

people-search_black.zip

Recap of Things To Remember

• Pictures Speak a 1000 Words• Use Icons or other objects to catch users

eyes• Headings that Stand out (Short & Sweet)• Views are Navigation Too!!• User your words but at a minimum (Don’t

be too wordy)

Make the site your own!!

What Is Navigation?

That which facilitates movement from one Web page to another Web page.

What is Navigation?

Everything You Touch!!

@sldeere

www.linkedin.com/in/stacydeere

https://www.facebook.com/focalpointsolutions.co

[email protected]

BLOG: http://spmindmelt.focalpointsolutions.co

COMPANY: http://focalpointsolutions.co