Unity Connect Online - Navigation A Step Towards Success
-
Upload
stacy-deere -
Category
Technology
-
view
160 -
download
2
Transcript of Unity Connect Online - Navigation A Step Towards Success
![Page 1: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/1.jpg)
Navigation: A Step Towards Success
in SharePoint
Stacy L. Deere-Strole
![Page 3: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/3.jpg)
Agenda
• What is Navigation?• Areas of Navigation in SharePoint• Different types of Navigation• You Be The Judge• Wrap-Up
![Page 4: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/4.jpg)
What Is Navigation?
That which facilitates movement from one Web page to another Web page.
![Page 5: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/5.jpg)
![Page 6: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/6.jpg)
Areas of Navigation
![Page 7: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/7.jpg)
Global Navigation
![Page 8: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/8.jpg)
Global Navigation Example
![Page 9: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/9.jpg)
Navigation Consistency
![Page 10: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/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: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/11.jpg)
Quick Links
![Page 12: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/12.jpg)
Quick Links Example
![Page 13: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/13.jpg)
Is that All?
![Page 14: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/14.jpg)
The Rest of The Site!!
![Page 15: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/15.jpg)
Types of Navigation
![Page 16: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/16.jpg)
Promoted
![Page 17: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/17.jpg)
What is a Promoted Link?• Tile List Web Part• Out of the Box• User Adoption Builder• Navigation
![Page 18: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/18.jpg)
![Page 19: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/19.jpg)
Getting Started
![Page 20: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/20.jpg)
Where Do You Want To Go?
![Page 21: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/21.jpg)
Creating Promoted Link List
![Page 22: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/22.jpg)
Select & Create App
![Page 23: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/23.jpg)
New Promoted Link List
![Page 24: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/24.jpg)
Upload Images
Simple Drag & Drop
![Page 25: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/25.jpg)
Open Promoted Links
![Page 26: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/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: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/27.jpg)
Add Image
![Page 28: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/28.jpg)
Add Link Location
![Page 29: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/29.jpg)
Choose Launch Behavior & Order
Launch Behavior Options
1. In Page Navigation2. Dialog3. New Tab
![Page 30: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/30.jpg)
Finished Link
![Page 31: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/31.jpg)
Saved Link
![Page 32: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/32.jpg)
Add Web Part
![Page 33: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/33.jpg)
Select Web Part
Select your area, Choose Insert Tab, select web part, add and Save.
![Page 34: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/34.jpg)
Finished Product
![Page 35: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/35.jpg)
Free Navigation
Icons.zip promotedscript.txt
Promoted jQuery CodePromoted Link Icons
Promoted Links on SlideShare: Get it Here!!
![Page 36: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/36.jpg)
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)
![Page 37: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/37.jpg)
![Page 38: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/38.jpg)
![Page 39: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/39.jpg)
You Be The Judge!!
![Page 40: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/40.jpg)
![Page 41: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/41.jpg)
![Page 42: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/42.jpg)
![Page 43: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/43.jpg)
![Page 44: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/44.jpg)
![Page 45: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/45.jpg)
![Page 46: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/46.jpg)
![Page 47: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/47.jpg)
![Page 48: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/48.jpg)
![Page 49: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/49.jpg)
![Page 50: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/50.jpg)
![Page 51: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/51.jpg)
![Page 52: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/52.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 53: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/53.jpg)
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!!
![Page 54: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/54.jpg)
What Is Navigation?
That which facilitates movement from one Web page to another Web page.
![Page 55: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/55.jpg)
What is Navigation?
Everything You Touch!!
![Page 56: Unity Connect Online - Navigation A Step Towards Success](https://reader036.fdocuments.net/reader036/viewer/2022062522/5887eaee1a28ab7d5c8b4fb9/html5/thumbnails/56.jpg)
@sldeere
www.linkedin.com/in/stacydeere
https://www.facebook.com/focalpointsolutions.co
BLOG: http://spmindmelt.focalpointsolutions.co
COMPANY: http://focalpointsolutions.co