Citizen Developers Intro to jQuery Customizations in SharePoint
Download as PPTX, PDF2 likes439 views
The document presents an introduction to enhancing SharePoint using jQuery and JavaScript, aimed at power users. It covers the importance of these tools in making SharePoint more visually appealing and easier to use, along with best practices for implementation. Additionally, it provides links to examples and demos, encouraging users to learn more about HTML, CSS, and JavaScript for further customization.
Citizen Developers Intro to jQuery Customizations in SharePoint
- 1. SPS Omaha Mark Rackley [email protected] 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
- 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 [email protected] @mrackley © 2017 PAIT Group http://www.PAITGroup.com