CLIENT SIDE RENDERING
IN SHAREPOINT 2013
SharePoint Techfest Dallas
2
About Me
Principal Consultant at Sparkhound in Baton
Rouge
http://www.sparkhound.com/pages/blogs.asp
x
@codygros
Leader of the Baton Rouge SharePoint User
Group – www.brspug.com
3
AGENDA
What is Client Side Rendering (CSR)
Benefits & Options
Demos
4
Client Side Rendering
(CSR)
Method to transform the look and the feel of
data in SharePoint using the client(browser).
Utilizes client side technologies such as:
HTML
JavaScript
CSS
The two common options are:
Display Templates (Search)
JSLink
5
Client Side Rendering
6
CSR Advantages
Performance
Executed on the client as opposed to the
SharePoint server
Modern Technology
No more XSL!!!!
Conditional Formatting
7
JSLinkProperty added to the following
objects in SharePoint 2013:
SPContentType
SPField
SPForm
SPView
Points to a custom JavaScript file for
overriding the default rendering
8
JSLinkAvailable in all versions of SharePoint 2013
Foundation
Server
O365
9
DEMO
10
Override OptionsField
Items
Header
Footer
Group
11
Field OverrideFormat:
12
Item OverrideFormat:
13
Override OptionsOnPreRender
Overrides
OnPostRender
14
Questions??
15