building custom navigation with sharepoint lists, jquery and jqueryui by marc anderson - sptechcon
DESCRIPTION
Technical Class:TRANSCRIPT
![Page 1: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/1.jpg)
Building Custom Navigation with SharePoint Lists, jQuery and jQueryUISPTechCon SFO 2013
![Page 2: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/2.jpg)
Who Is Marc?• Co-Founder and President of Sympraxis
Consulting LLC, located in the Boston suburb of Newton, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform.
• Almost 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes.
• Three-time awardee of the Microsoft MVP award for SharePoint Server (2011, 2012, 2013).
![Page 3: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/3.jpg)
Custom Navigation
![Page 4: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/4.jpg)
Custom Navigation:Business Requirements
• Department home page with some “pizzazz”
• Managed by department site administrator
• Links can go anywhere (site, list, external, etc.)
• Show links before they are live• “Coming Soon”• Simple reordering
![Page 5: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/5.jpg)
Custom Navigation:Technical Goals
• Build it once – no developer to maintain• Reusable artifacts, centrally managed• Easy to maintain content – list driven• DVWP-driven display (XSL)• Simple CSS
![Page 6: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/6.jpg)
Scripting Componentry
Custom
Script
![Page 7: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/7.jpg)
Script from CDNs
Referencing jQuery, jQueryUI, and SPServices from CDNs – Revisitedhttp://sympmarc.com/2013/02/07/referencing-jquery-jqueryui-and-spservices-from-cdns-revisited/
![Page 8: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/8.jpg)
Demo
![Page 9: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/9.jpg)
Outcomes
• Effective solution• Happy user• Seen as solution yet also
prototype for other uses• Later wrapped into deployable
feature for wider deployment
![Page 10: Building Custom Navigation with SharePoint Lists, jQuery and jQueryUI by Marc Anderson - SPTechCon](https://reader035.vdocuments.us/reader035/viewer/2022062300/55511f45b4c9052d0e8b5218/html5/thumbnails/10.jpg)
Contact InformationeMail marc.anderson@sympraxisconsulting.
comBlog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
eBook http://bit.ly/UnlockingDVWP
The Middle Tier Manifesto
http://bit.ly/middletier