unity connect online - navigation a step towards success
TRANSCRIPT
Navigation: A Step Towards Success
in SharePoint
Stacy L. Deere-Strole
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.
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
Icons.zip promotedscript.txt
Promoted jQuery CodePromoted Link Icons
Promoted Links on SlideShare: Get it Here!!
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
BLOG: http://spmindmelt.focalpointsolutions.co
COMPANY: http://focalpointsolutions.co