![Page 1: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/1.jpg)
Navigation: A Step Towards Success
in SharePoint
Stacy L. Deere-Strole
![Page 3: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/3.jpg)
Agenda
• What is Navigation?• Areas of Navigation in SharePoint• Different types of Navigation• You Be The Judge• Free Navigation
![Page 4: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/4.jpg)
What Is Navigation?
That which facilitates movement from one Web page to another Web page.
![Page 5: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/5.jpg)
![Page 6: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/6.jpg)
![Page 7: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/7.jpg)
Areas of Navigation
![Page 8: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/8.jpg)
Global Navigation
![Page 9: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/9.jpg)
Global Navigation Example
![Page 10: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/10.jpg)
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
![Page 11: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/11.jpg)
Quick Links
![Page 12: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/12.jpg)
Quick Links Example
![Page 13: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/13.jpg)
Is that All?
![Page 14: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/14.jpg)
The Rest of The Site!!
![Page 15: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/15.jpg)
Types of Navigation
![Page 16: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/16.jpg)
Promoted
![Page 17: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/17.jpg)
What is a Promoted Link?• Tile List Web Part• Out of the Box• User Adoption Builder• Navigation
![Page 18: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/18.jpg)
Getting Started
![Page 19: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/19.jpg)
Where Do You Want To Go?
![Page 20: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/20.jpg)
![Page 21: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/21.jpg)
Creating Promoted Link List
![Page 22: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/22.jpg)
Select & Create App
![Page 23: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/23.jpg)
New Promoted Link List
![Page 24: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/24.jpg)
Upload Images
Simple Drag & Drop
![Page 25: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/25.jpg)
Open Promoted Links
![Page 26: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/26.jpg)
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.
![Page 27: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/27.jpg)
Add Image
![Page 28: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/28.jpg)
Add Link Location
![Page 29: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/29.jpg)
Choose Launch Behavior & Order
Launch Behavior Options
1. In Page Navigation2. Dialog3. New Tab
![Page 30: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/30.jpg)
Finished Link
![Page 31: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/31.jpg)
Saved Link
![Page 32: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/32.jpg)
Add Web Part
![Page 33: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/33.jpg)
Select Web Part
Select your area, Choose Insert Tab, select web part, add and Save.
![Page 34: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/34.jpg)
Finished Product
![Page 35: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/35.jpg)
Free Navigation
Icons.zip promotedscript.txt
Promoted jQuery CodePromoted Link Icons
Promoted Links on SlideShare: Get it Here!!
![Page 36: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/36.jpg)
Things To Remember• Pictures Speak a 1000 Words• Use Icons or other objects to catch
users eyes• Headings that Stand out• Views are Navigation Too!!• People get lost in too many words
so streamline them down
Make the site your own!!
![Page 37: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/37.jpg)
You Be The Judge!!
![Page 38: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/38.jpg)
![Page 39: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/39.jpg)
![Page 40: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/40.jpg)
![Page 41: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/41.jpg)
![Page 42: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/42.jpg)
![Page 43: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/43.jpg)
![Page 44: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/44.jpg)
![Page 45: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/45.jpg)
![Page 46: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/46.jpg)
![Page 47: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/47.jpg)
![Page 48: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/48.jpg)
![Page 49: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/49.jpg)
![Page 50: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/50.jpg)
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
![Page 51: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/51.jpg)
What Is Navigation?
That which facilitates movement from one Web page to another Web page.
![Page 52: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/52.jpg)
What is Navigation?
Everything You Touch!!
![Page 53: SPSHawaii: Navigation: A Step Towards Success in SharePoint](https://reader035.vdocuments.site/reader035/viewer/2022062412/5887eaee1a28ab7d5c8b4fbb/html5/thumbnails/53.jpg)
@sldeere
www.linkedin.com/in/stacydeere
https://www.facebook.com/focalpointsolutions.co
BLOG: http://spmindmelt.focalpointsolutions.co
COMPANY: http://focalpointsolutions.co