Utilizing jQuery in SharePoint – Get More Done Faster

Mark Rackly
Pait Group
stratusForms*
What can you do?
- Manipulate the document object model
- Supported by Microsoft.
- Custom calendars
- Custom charts
Let SharePoint do the heavy lifting
Page modifications..remove clutter improve workflow add business logic to forms.
Call web services*
Create dashboards
- Create script
- Add script
- Viola!
SharePoint Framework organizes workflows
They execute with the same privileges as current user
Permissions cannot be elevated
Deployment options, use add in model
- Add in model
- Sandbox
- Manual
How SharePoint builds pages
Document ready (after page loads)
SPonload is better than document.ready function . *
Chaining
.closest, next,prev
Best practices
- Use id if possible
- Reduce dom searches
- Re-use code / Good practices
- Minimize files
- Use animations to hide slow performance
- Delay loading of selects until you need the data
- Test “vanilla” in sharepoint first
Favorite 3rd party
- Content slider
- Formatted tables
- Modal windows
- Calendar
- Stratus Forms
- Draw on canvas
- Responsive tiles
- Flip 3d
Let’s do stuff:
Develop for the cloud, so store js files in site collection not hive (file system)
Create file in assets library. paste code in file/go to sharepoint > site contents > site pages > files, new webpart page > tabs > u
Use media content webpart
blitzer css *
Theme Roller theme engine*
- Set up js files
- Add webparts to tabs
- Identify web part
- Add vendors list
- Open dev tools
Append moves the content to the div
Dynamic webparts in tabs3.js
Use zones as hooks
Digital signature..use modified by or….
Sketch for digital signature
Easy digital signatures *
Convert t0 base 64 string and share to sharepoint –> awsomeness!*
Signature2.js
You need to truncate the 64 base string it’s huge.
Demos:
Use video portal in office 365, it rocks.*
Streaming works great!
Video library in SharePoint…not so much
so,
- Embed video, pull from office
- Call using rest interface to get all videos in office 365, and display them for download.
- Every time another video is added, it displays in SharePoint