Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JSLINK PRIMER
Use JSLink to Deliver Rich Uis and Customizations
Mike Oryszak – B&R Business Solutions
SPS NYC – 7/30/2016
ABOUT ME
Sr Solution Architect w/ B&R Business Solutions
5x Microsoft SharePoint MVP (2010-2014)
Dev and Architect on MS S...
THANK YOU
EVENT SPONSORS
We appreciated you supporting the
New York SharePoint Community!
• Diamond, Platinum, Gold, & Sil...
CONFERENCE MATERIALS
• Slides / Demo will be posted on Lanyrd.com
• http://lanyrd.com/2016/spsnyc
• Photos posted to our F...
• Visit ExtaCloud’s booth for wrist bands!
Scallywag's Irish Pub
508 9th Ave, between 38th & 39th.
[6 minutes walk]
Scally...
OVERVIEW
• Rendering in SharePoint
• What is JSLink?
• Why use JSLink?
• Script Registration
• Examples
• Closing
RENDERING IN SHAREPOINT
• Traditionally SharePoint relied on server side processing (2001->2010)
• XSLT based search resul...
WHAT IS JSLINK?
• JSLink supports binding a custom client side script to a list view, form, or app in
order to override th...
WHY USE JSLINK?
• Supported method for tapping into the CSR flow
• Can generate robust content displays
• Can enhance form...
EXAMPLES
RESOURCES
• List Template Type Reference
• https://msdn.microsoft.com/en-us/library/microsoft.sharepoint.client.listtempla...
Upcoming SlideShare
Loading in …5
×

Spsnyc 2016 JSLink Primer

2,213 views

Published on

Learn how to leverage JSLink to develop rich client side customizations in SharePoint.

Published in: Technology
  • Be the first to comment

Spsnyc 2016 JSLink Primer

  1. 1. JSLINK PRIMER Use JSLink to Deliver Rich Uis and Customizations Mike Oryszak – B&R Business Solutions SPS NYC – 7/30/2016
  2. 2. ABOUT ME Sr Solution Architect w/ B&R Business Solutions 5x Microsoft SharePoint MVP (2010-2014) Dev and Architect on MS Stack since 1996 Working with SharePoint since 2002 @next_connect – http://mikeoryszak.com
  3. 3. THANK YOU EVENT SPONSORS We appreciated you supporting the New York SharePoint Community! • Diamond, Platinum, Gold, & Silver have tables scattered throughout • Please visit them and inquire about their products & services • To be eligible for prizes make sure to get your bingo card stamped by ALL sponsors • Raffle at the end of the day and you must be present to win!
  4. 4. CONFERENCE MATERIALS • Slides / Demo will be posted on Lanyrd.com • http://lanyrd.com/2016/spsnyc • Photos posted to our Facebook page • https://www.facebook.com/sharepointsaturdaynyc • Tweet Us - @SPSNYC or #SPSNYC • Sign Up for our NO SPAM mailing list for all conference news & announcements • http://goo.gl/7WzmPW • Problems / Questions / Complaints / Suggestions • Info@SPSNYMetro.com
  5. 5. • Visit ExtaCloud’s booth for wrist bands! Scallywag's Irish Pub 508 9th Ave, between 38th & 39th. [6 minutes walk] Scallywags also serves food. http://www.scallywagsnyc.com/
  6. 6. OVERVIEW • Rendering in SharePoint • What is JSLink? • Why use JSLink? • Script Registration • Examples • Closing
  7. 7. RENDERING IN SHAREPOINT • Traditionally SharePoint relied on server side processing (2001->2010) • XSLT based search results • List views • List forms • Dataview web part • For efficiency (optimized downloads, faster rendering) MS moved to Client Side Rendering with SharePoint 2013 • Scripts on Demand (SOD) • Processing/rendering with client side javascript code • Display templates for roll-up rendering
  8. 8. WHAT IS JSLINK? • JSLink supports binding a custom client side script to a list view, form, or app in order to override the default client side rendering • With the injected script, you have control over when it fires (pre or post rendering) • You can manipulate specific fields or the entire item
  9. 9. WHY USE JSLINK? • Supported method for tapping into the CSR flow • Can generate robust content displays • Can enhance forms for dependent dropdowns or data lookups • Can load other content, use conditional formatting, or add actions
  10. 10. EXAMPLES
  11. 11. RESOURCES • List Template Type Reference • https://msdn.microsoft.com/en-us/library/microsoft.sharepoint.client.listtemplatetype(v=office.15).aspx • OfficeDev PnP: Samples • https://github.com/OfficeDev/PnP/tree/master/Samples/Branding.ClientSideRendering • Using JSLink to Change the UI of SharePoint List/View • http://www.sharepointnutsandbolts.com/2013/01/using-jslink-to-change-ui-of-sharepoint_20.html • Wes Preston – JSLink and CSR Examples • http://www.idubbs.com/blog/js-link-and-csr/

×