Now Power Users and Citizen Developers can add awesome functionality to their SharePoint Sites without having to write any JavaScript.

1. SPS Omaha Mark Rackley
mrackley@paitgroup.com
A Power User’s Intro to jQuery Awesomeness in SharePoint

2. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Mark Rackley / Partner & CSO
• 20+ years software
architecture and
development experience
• Office 365 MVP, SharePoint
Junkie since 2007
• Event Organizer
(SharePointalooza.org)
• Blogger, Writer, Speaker
• Bacon aficionado
@mrackley
www.MarkRackley.net
www.PAITGroup.com
www.SharePointaLooza.org
www.StratusForms.com
#SayNoToInfoPath

3. MARCH 9,10 2018
MEMPHIS, TN
WWW.SHAREPOINTALOOZA.ORG

4. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Agenda
• What is this “Stuff”?
• Why should you care?
• How to do it
• Best practices and things you should avoid doing
• Demos, examples, and where to find them

5. © 2017 PAIT Group http://www.paitgroup.com @mrackley
What are we talking about?
• Enhancing pages in SharePoint using JavaScript and jQuery
(developer stuff)
• It’s easy to do (yes, even for you)
• The possibilities are pretty endless
• Dashboards
• Custom Forms
• Animations
• More organized and visually appealing SharePoint content

6. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Why Should You Care?
• SharePoint gets you MOST of the way there
• It makes SharePoint more visually appealing
• It makes SharePoint easier to use
• It’s simple (if you are careful)
• It’s only going to get more important

7. © 2017 PAIT Group http://www.paitgroup.com @mrackley
How (a Power User) Should do it
• Upload file(s) to a document library
• Users must have read access to library
• Create or edit an existing page
• Insert a Content Editor Web Part
• Link Content Editor Web Part to file you uploaded in
document library
• Ta and da…

8. DEMO: Add your first jQuery
script

9. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Best Practices for the Power User
• Understand the basics
• Functionality is generally made up of multiple files
• Some are stored in your document library
• Some are stored somewhere else
• Some may already to referenced
• Don’t reference a script more than once
• Don’t throw multiple scripts on a page and expect them to work
• Don’t combine scripts and expect them to work
• Don’t mess with the script without understanding what you are
changing and expect it to work

10. Examples and Demos

11. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Tabbed Web Parts
• http://www.paitgroup.com/sharepoint-tabbed-web-
partshillbillytabs-3-0/
Place web parts on a page into tabs.

12. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Content Slider
• http://info.paitgroup.com/blog/the-ultimate-content-slider-
for-sharepoint
• Everybody loves content sliders

13. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Digital Signatures in SharePoint
• http://www.paitgroup.com/easy-digital-signatures-in-
sharepoint/
• Easy digital signatures for your lists and libraries

14. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Office 365 Video Portal
• http://www.paitgroup.com/integrate-your-office-365-video-
portal-with-sharepoint-online/
• Integrate your Office 365 Video Portal into your SharePoint
Online

15. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Responsive Promoted Links
• http://info.paitgroup.com/blog/sharepoint-responsive-
promoted-links
• Add responsive tiles to a page that can be used as links to
other pages or sites. Personalize tiles so that users only see
links that are relevant

16. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Tabify SharePoint Forms
• http://www.markrackley.net/2015/12/03/tabify-your-
sharepoint-forms/
Modify your SharePoint form so that the fields are displayed in
tabs

17. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Cascading Drop Down Lists
• http://info.paitgroup.com/blog/new-and-improved-
cascading-dropdowns-for-sharepoint-classic-forms
• Multi-Level Cascading Drop Downs for your Classic
SharePoint Forms

18. © 2017 PAIT Group http://www.paitgroup.com @mrackley
Customize SharePoint Forms
• http://www.markrackley.net/2013/08/29/easy-custom-
layouts-for-default-sharepoint-forms/
Use HTML to transform a default form in SharePoint so that it
looks highly stylized

19. © 2017 PAIT Group http://www.paitgroup.com @mrackley
What’s next???
• Learn HTML, CSS, JavaScript
• http://www.pluralsight.com
• Create a page in SharePoint and play around

20. Thank you
http://www.paitgroup.com
http://www.markrackley.net
mrackley@paitgroup.com
@mrackley
© 2017 PAIT Group http://www.PAITGroup.com