53
Navigation: A Step Towards Success in SharePoint Stacy L. Deere- Strole
| Date post: | 25-Jan-2017 |
| Category: |
Technology |
| Upload: | stacy-deere |
| View: | 104 times |
| Download: | 1 times |
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• Free Navigation
What Is Navigation?
That which facilitates movement from one Web page to another Web page.
Areas of Navigation
Global Navigation
Global Navigation Example
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!!
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!!
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
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
