Building Custom Navigation with SharePoint Lists, jQuery and jQueryUISPTechCon SFO 2013

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).

Custom Navigation

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

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

Scripting Componentry

Custom

Script

Script from CDNs

Referencing jQuery, jQueryUI, and SPServices from CDNs – Revisitedhttp://sympmarc.com/2013/02/07/referencing-jquery-jqueryui-and-spservices-from-cdns-revisited/

Demo

Outcomes

• Effective solution• Happy user• Seen as solution yet also

prototype for other uses• Later wrapped into deployable

feature for wider deployment

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