1 SharePoint Saturday #spsclt CSR:CLT – Investigating Client-Side Rendering

2 SharePoint Saturday #spsclt

3 SharePoint Saturday #spsclt What is thing? How does it compare to other development techniques and tools? What capabilities does this have? What skills or expertise is needed to use it?  This might be possible for some ‘Power Users’ maybe, but really, this is for developers. 1

4 SharePoint Saturday #spsclt What SharePoint objects can this technique modify/customize. How to write and apply the scripts. Simple Developer How-To.  Obviously, there’s no server-side managed code here – it’s all about JavaScript. 1 2  Yes, we can do fun things with 3 rd party JavaScript libraries.

5 SharePoint Saturday #spsclt What is this technique useful for? What is the ‘best fit’ situation for when to use it? What are other people doing? What else can we do with it?  We’ll look at a few tried-and-true popular uses 1 2  But let’s all think of a few more uses too. This isn’t a fearsome thing, it won’t hurt your farm 3

6 SharePoint Saturday #spsclt Client-Side Rendering

7 SharePoint Saturday #spsclt Client-Side Rendering

8 SharePoint Saturday #spsclt JS Link is new

9 SharePoint Saturday #spsclt JS Link

10 SharePoint Saturday #spsclt

11 SharePoint Saturday #spsclt Think of it as It Applies to ‘Visual’ things

12 SharePoint Saturday #spsclt JS Link can apply to

13 SharePoint Saturday #spsclt JS Link cannot apply to

14 SharePoint Saturday #spsclt Skills needed:

15 SharePoint Saturday #spsclt Skills that help

16 SharePoint Saturday #spsclt What to do with it

17 SharePoint Saturday #spsclt What to do with it Let’s think of some-

18 SharePoint Saturday #spsclt

19 SharePoint Saturday #spsclt Control All Headers: ~sitecollection/Style Library/JSLinkFiles/HeaderWarning.js

20 SharePoint Saturday #spsclt

21 SharePoint Saturday #spsclt Important thing to remember

22 SharePoint Saturday #spsclt

23 SharePoint Saturday #spsclt

24 SharePoint Saturday #spsclt

25 SharePoint Saturday #spsclt

26 SharePoint Saturday #spsclt

27 SharePoint Saturday #spsclt What is a Rendering Context ?

28 SharePoint Saturday #spsclt Rendering Context

29 SharePoint Saturday #spsclt Current Item

30 SharePoint Saturday #spsclt

31 SharePoint Saturday #spsclt TaskCompletionAnimation: ~sitecollection/Style Library/JQuery/jquery js|~sitecollection/Style Library/JSLinkFiles/AnimatedTasks.js

32 SharePoint Saturday #spsclt

33 SharePoint Saturday #spsclt

34 SharePoint Saturday #spsclt

35 SharePoint Saturday #spsclt AWShowcaseCarousel: ~sitecollection/Style Library/JQuery/jquery js|~sitecollection/Style Library/Awkward/jquery.aw- showcase-edits.js|~sitecollection/Style Library/JSLinkFiles/AwShowcaseCarousel.js

36 SharePoint Saturday #spsclt

37 SharePoint Saturday #spsclt

38 SharePoint Saturday #spsclt DataTableTasks: ~sitecollection/Style Library/JQuery/jquery js|~sitecollection/Style Library/DataTables/js/jquery.dataTables.js|~sitecollection/Style Library/JSLinkFiles/DataTableTasks.js

39 SharePoint Saturday #spsclt

40 SharePoint Saturday #spsclt

41 SharePoint Saturday #spsclt  Join us at SharePint.  Come to the Charlotte SharePoint User Group meetings – listen and learn, contribute with presentations, conversations in the Yammer group, volunteering.  If you found this interesting or useful, please mention on Twitter using the hashtag #SPSCLT  Please scan the QR code and fill out the session survey That’s All! SCAN QR CODES Please comment, it helps make future presentations better!

42 SharePoint Saturday #spsclt SharePint Directions