Client Side Rendering in SharePoint 2013

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