No Feature Solutions with SharePoint
- 1. “NO FEATURE” SOLUTIONS IN SHAREPOINT VIA JQUERY
- 2. Intro – Mike Huguet App Dev Evangelist for BRDNUG leader, http://brdnug.org .NET & SharePoint Architect, Presenter MS P & P SP 2010 Advisory Member http://twitter.com/mhuguet http://geekswithblogs.com/mikehuguet
- 3. Agenda What is jQuery anyway? See some cool stuff What skills does it take? Best practices
- 4. What is jQuery? IT IS CODE!
- 5. ` Open source JavaScript library, jquery.com Development accelerator, simplifies JavaScript Tons of documentation & samples Extensible JavaScript framework (plug-in model) Thousands of plug-ins in plug-in database
- 6. DOM element selections, traversal, & manipulation(cross browser) CSS manipulation AJAX General utilities (i.e.-”each”) Fluent syntax User Interface
- 7. C’mon, SharePoint Remember? Client side script + markup, just an include in HTML Works well in CEWP Allows for endless “no feature” extension possibilities Not SP Edition or Version specific SPServices library wraps SP Services (Mark Anderson) SP 2010 client-side object model (CSOM)
- 8. Winning Combination Lists & Libraries CEWP or Page
- 9. Showcase Time! • Customize forms • Creative navigation • Fancy dashboards • Adding sizzle to pages
- 10. Customize Forms http://www.sympraxisconsulting.com/Demos/Demo%20Pages/CascadingDropdowns.aspx http://www.sympraxisconsulting.com/Demos/Demo%20Pages/FancyCBandRB.aspx http://www.sympraxisconsulting.com/Demos/Demo%20Pages/SPAutocomplete.aspx
- 11. Creative Navigation http://www.sympraxisconsulting.com/demos/Demo%20Pages/QuickLaunchAccordion.aspx
- 12. Fancy Dashboards http://keith-wood.name/gChart.html
- 13. Adding Sizzle to Pages http://www.sympraxisconsulting.com/Demos/Demo %20Pages/jQueryAnimatedBanner.aspx
- 14. Do I have what it takes?
- 15. Do I have the skills? HTML CSS JavaScript SharePoint Designer Search engine skills
- 16. Best Practices
- 17. Where do I put those files? Same Site Centralized Externally or Site Resource hosted Feature Collection Site Simple Re-usable
- 18. What about the other files? HTML fragments in doc libs w/ versioning CSS in doc libs w/versioning Images in picture or doc libs
- 19. Where do I put the script tag? CEWP Page Master Page Simple Re-usable
- 20. Other Best Practices Test before updating jQuery source files Document & comment your solution Limit usage of generated SP element names Be warned that your solution may not be forward compatible Version your files
- 21. Key Takeaways jQuery has many abilities to extend all versions & editions of SharePoint jQuery is still coding Check out SPServices
- 23. References http://www.sharepointjoel.com/Lists/Posts/Post.asp x?ID=178 http://sympmarc.com/ http://nothingbutsharepoint.com http://spservices.codeplex.com