engage: promoted links - you get this one for free
TRANSCRIPT
![Page 1: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/1.jpg)
Promoted LinksYou Get This One For
Free!!
Stacy L. Deere-StroleFocal Point Solutions, LLC
![Page 2: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/2.jpg)
Housekeeping…
• Download EventBoard Mobile and remember to fill out session evaluations…– http://app.spsdc.org
• Phasers set to stun, mobile devices set to silent…
• You must be present to win at the wrap-up…
![Page 3: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/3.jpg)
Thanks to our Sponsors!!!
![Page 4: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/4.jpg)
![Page 5: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/5.jpg)
Agenda
• Quick Wins• Navigation• What is a Promoted Link?• Examples• Gotchas• Wrap-Up
![Page 6: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/6.jpg)
What is a Quick Win?
![Page 7: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/7.jpg)
Navigation
![Page 8: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/8.jpg)
![Page 9: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/9.jpg)
What is a Promoted Link?
• Tile List Web Part• Out of the Box• User Adoption Builder
![Page 10: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/10.jpg)
Get Started
![Page 11: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/11.jpg)
Where Do You Want To Go?
![Page 12: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/12.jpg)
My Stuff
![Page 13: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/13.jpg)
![Page 14: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/14.jpg)
Creating Promoted Link List
![Page 15: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/15.jpg)
Select & Create App
![Page 16: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/16.jpg)
New Promoted Link List
![Page 17: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/17.jpg)
Upload Images
Simple Drag & Drop
![Page 18: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/18.jpg)
Open Promoted Links
![Page 19: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/19.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 20: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/20.jpg)
Add Image
![Page 21: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/21.jpg)
Add Link Location
![Page 22: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/22.jpg)
Choose Launch Behavior & Order
Launch Behavior Options
1.In Page Navigation2.Dialog3.New Tab
![Page 23: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/23.jpg)
Finished Link
![Page 24: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/24.jpg)
Add Web Part
![Page 25: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/25.jpg)
Select Web Part
Select your area, Choose Insert Tab, select web part, add and Save.
![Page 26: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/26.jpg)
Finished Product
![Page 27: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/27.jpg)
Editing Promoted Links
![Page 28: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/28.jpg)
Editing Continued…• Select the link to edit• Choose the Items Tab in the Ribbon• Edit link and save
![Page 29: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/29.jpg)
Customizing Your Promoted Links
<style>
.ms-promlink-body {
width: 800px;
}
.ms-promlink-header{
display:none;
}</style>
![Page 30: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/30.jpg)
Code – Adjusting Size• Add a script editor web part to a page. • Then Edit Source and paste this in there: <style> .ms-promlink-body { width: 800px; } .ms-promlink-header{display:none;}</style>
This piece adjusts the width: .ms-promlink-body { width: 800px; } This piece removes the arrows: .ms-promlink-header{display:none;}
![Page 31: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/31.jpg)
Code – Multiple Lines<style> .ms-promlink-body1 { width: 350px; } </style> <script type="text/javascript" src="/Scripts/JQuery/jquery-1.8.1.js"></script> <script language="javascript"> $(document).ready(function () { $("#promotedlinksbody_WPQ2").addClass('ms-promlink-body1'); }); </script>
promotedlinksbody_WPQ2 is the id of the tile you could get using inspect element
![Page 32: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/32.jpg)
Code – No Title Hover
In order to show the title define a new css class, and add it to the promoted link.
<style> .ms-tileview-tile-detailsBox2 { position : absolute; top: 0px!important; /* [ReplaceColor(themeColor:"TileText")] */ color:#fff; /* [ReplaceColor(themeColor:"TileBackgroundOverlay")] */ background-color:rgba( 0,0,0,0.2 ); } </style> <script type="text/javascript" src="/Scripts/JQuery/jquery-1.8.1.js"></script> <script language="javascript"> … ControlID='Tile_WPQ' + promotedlinksbody_WPQ + '_' + i ; ControlID= ControlID + '_4'; $("#" + ControlID).width(ImageSize); $("#" + ControlID).height(ImageSize); $("#" + ControlID).addClass('ms-tileview-tile-detailsBox2'); … </script>
![Page 33: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/33.jpg)
Code – Removing White Space<style>
.ms-webpartPage-root {
border-spacing: 0px !important;
}
.ms-webpartzone-cell {
margin: 0px !important;
}
</style>
![Page 34: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/34.jpg)
More FREE Stuff
promotedscript.txt
![Page 35: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/35.jpg)
![Page 36: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/36.jpg)
![Page 37: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/37.jpg)
![Page 38: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/38.jpg)
![Page 39: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/39.jpg)
Gotcha #1Publishing Portal Template - You won’t find it unless you activate a feature named “Team Collaboration Lists”.
•To enable the “Promoted Links” list, follow the below steps: •In your Publishing Portal site, click on Settings icon. •Under site actions category, click on Site Features. •Find Team Collaboration Lists feature and active it by clicking on Activate button. •Click on Settings icon and then press on Add an App button. •Search for Promoted Links and add this app to your site in order to create your own list.
![Page 40: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/40.jpg)
Gotcha #2
Content & Script Editor Web Part•NOT turned on by default in O365•To turn on must adjust setting in SharePoint Admin
Turning Scripting On\Offhttps://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f?ui=en-US&rs=en-US&ad=US
![Page 41: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/41.jpg)
Gotcha #3 – Moving Sites
http://spmindmelt.focalpointsolutions.co/promoted-links-a-the-downside/
Description not actual address
![Page 42: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/42.jpg)
Want More Free Stuff?
Icons.zip
![Page 43: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/43.jpg)
Wrapping Up…
• Download EventBoard Mobile and remember to fill out session evaluations…– http://app.spsdc.org
• You must be present to win at the wrap-up…
![Page 44: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/44.jpg)
Thanks to our Sponsors!!!
![Page 45: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/45.jpg)
Join us at #SharePint sponsored by Kemp Technologies at World of Beer of Reston in the Towncenter just across the bridge
Why? To network with fellow SharePoint professionalsWhat? SharePint!!!When? 6:15 PMWhere? World of Beer Reston1888 Explorer StreetReston, VA 20190
Thanks toKemp Technologies
![Page 46: Engage: Promoted Links - You Get This One For Free](https://reader035.vdocuments.site/reader035/viewer/2022070510/58ab9a231a28abe3188b62e3/html5/thumbnails/46.jpg)
@sldeere
www.linkedin.com/in/stacydeere
https://www.facebook.com/focalpointsolutions.co
BLOG: http://spmindmelt.focalpointsolutions.coCOMPANY: http://focalpointsolutions.co