Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Published byAllan Perkins Modified over 9 years ago

Similar presentations

Presentation on theme: "1 SharePoint Saturday #spsclt CSR:CLT – Investigating Client-Side Rendering."— Presentation transcript:

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

2 2 SharePoint Saturday Charlotte @caspug #spsclt

3 3 SharePoint Saturday Charlotte @caspug #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 4 SharePoint Saturday Charlotte @caspug #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 5 SharePoint Saturday Charlotte @caspug #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 6 SharePoint Saturday Charlotte @caspug #spsclt Client-Side Rendering

7 7 SharePoint Saturday Charlotte @caspug #spsclt Client-Side Rendering

8 8 SharePoint Saturday Charlotte @caspug #spsclt JS Link is new

9 9 SharePoint Saturday Charlotte @caspug #spsclt JS Link

10 10 SharePoint Saturday Charlotte @caspug #spsclt

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

12 12 SharePoint Saturday Charlotte @caspug #spsclt JS Link can apply to

13 13 SharePoint Saturday Charlotte @caspug #spsclt JS Link cannot apply to

14 14 SharePoint Saturday Charlotte @caspug #spsclt Skills needed:

15 15 SharePoint Saturday Charlotte @caspug #spsclt Skills that help

16 16 SharePoint Saturday Charlotte @caspug #spsclt What to do with it

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

18 18 SharePoint Saturday Charlotte @caspug #spsclt

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

20 20 SharePoint Saturday Charlotte @caspug #spsclt

21 21 SharePoint Saturday Charlotte @caspug #spsclt Important thing to remember

22 22 SharePoint Saturday Charlotte @caspug #spsclt

23 23 SharePoint Saturday Charlotte @caspug #spsclt

24 24 SharePoint Saturday Charlotte @caspug #spsclt

25 25 SharePoint Saturday Charlotte @caspug #spsclt

26 26 SharePoint Saturday Charlotte @caspug #spsclt

27 27 SharePoint Saturday Charlotte @caspug #spsclt What is a Rendering Context ?

28 28 SharePoint Saturday Charlotte @caspug #spsclt Rendering Context

29 29 SharePoint Saturday Charlotte @caspug #spsclt Current Item

30 30 SharePoint Saturday Charlotte @caspug #spsclt

31 31 SharePoint Saturday Charlotte @caspug #spsclt TaskCompletionAnimation: ~sitecollection/Style Library/JQuery/jquery-2.1.1.js|~sitecollection/Style Library/JSLinkFiles/AnimatedTasks.js

32 32 SharePoint Saturday Charlotte @caspug #spsclt

33 33 SharePoint Saturday Charlotte @caspug #spsclt

34 34 SharePoint Saturday Charlotte @caspug #spsclt

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

36 36 SharePoint Saturday Charlotte @caspug #spsclt

37 37 SharePoint Saturday Charlotte @caspug #spsclt

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

39 39 SharePoint Saturday Charlotte @caspug #spsclt

40 40 SharePoint Saturday Charlotte @caspug #spsclt

41 41 SharePoint Saturday Charlotte @caspug #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 42 SharePoint Saturday Charlotte @caspug #spsclt SharePint Directions

Download ppt "1 SharePoint Saturday #spsclt CSR:CLT – Investigating Client-Side Rendering."

Similar presentations

How are we travelling to work? – lets find out Take part in the Annual Travel Survey Keep a note of how you travel to work between Saturday 29 September.

How are we travelling to work? – lets find out Take part in the Annual Travel Survey Keep a note of how you travel to work between Saturday 29 September.
SharePoint 2013 Community Sites The Discussion Boards Extreme Makeover Marlene Lanphier Senior SharePoint Solutions Designer.

SharePoint 2013 Community Sites The Discussion Boards Extreme Makeover Marlene Lanphier Senior SharePoint Solutions Designer.
Tollcross Primary Outdoor P.E Project. Survey pupils from our class went out to the canal and asked members of the public what they used the canal for…

Tollcross Primary Outdoor P.E Project. Survey pupils from our class went out to the canal and asked members of the public what they used the canal for…
1 SharePoint Saturday #spsclt Updating SharePoint 2013.

1 SharePoint Saturday #spsclt Updating SharePoint 2013.
1 SharePoint Saturday #spsclt. 2 SharePoint Saturday #spsclt How Task Aggregation and Work Management Works in SharePoint.

1 SharePoint Saturday #spsclt. 2 SharePoint Saturday #spsclt How Task Aggregation and Work Management Works in SharePoint.
Personalization Usually refers to e-commerce. Benefits Searches (ex: amazon.com) Customized or localized for each user Using zip code, past purchases.

Personalization Usually refers to e-commerce. Benefits Searches (ex: amazon.com) Customized or localized for each user Using zip code, past purchases.
0 Session Title Speaker Name. 1 Welcome to SharePoint Saturday Houston Please turn off all electronic devices or set them to vibrate. If you must take.

0 Session Title Speaker Name. 1 Welcome to SharePoint Saturday Houston Please turn off all electronic devices or set them to vibrate. If you must take.
Practical tools and techniques for architecting and maintaining high performing SharePoint 2013 environments Doug Hemminger SharePoint Solutions Architect,

Practical tools and techniques for architecting and maintaining high performing SharePoint 2013 environments Doug Hemminger SharePoint Solutions Architect,
InfoPath Forms and Workflows in SP 2010 Wylde Solutions Sydney SharePoint User Group 18 September 2011 Sydney, Australia.

InfoPath Forms and Workflows in SP 2010 Wylde Solutions Sydney SharePoint User Group 18 September 2011 Sydney, Australia.
Developing Branding Solutions for 2013 Thomas Daly,

Developing Branding Solutions for 2013 Thomas Daly,
Thanks to our Sponsors!  Platinum:  Gold:  Silver:  Raffle:

Thanks to our Sponsors!  Platinum:  Gold:  Silver:  Raffle:
Microsoft ® Official Course Introducing Apps for SharePoint SharePoint Practice Microsoft SharePoint 2013.

Microsoft ® Official Course Introducing Apps for SharePoint SharePoint Practice Microsoft SharePoint 2013.
1 SharePoint Saturday Atlanta SharePoint Saturday Atlanta 2015.

1 SharePoint Saturday Atlanta SharePoint Saturday Atlanta 2015.
From Idea to App Store. Remember to and tag #SPSNashville in your posts! Platinum Sponsors Gold Sponsors Thank You for being a part.

From Idea to App Store. Remember to and tag #SPSNashville in your posts! Platinum Sponsors Gold Sponsors Thank You for being a part.
Office 365 Platform Flexible Tools App Manifest Web Page HTML/CSS/JS App.

Office 365 Platform Flexible Tools App Manifest Web Page HTML/CSS/JS App.
S OCIAL M EDIA AND NHS M INA S HAIBATZADEH FS SOTON. AC. UK F. UHS. NHS. UK J UNE 2013 FS SOTON. AC. UK F. UHS. NHS.

S OCIAL M EDIA AND NHS M INA S HAIBATZADEH FS SOTON. AC. UK F. UHS. NHS. UK J UNE 2013 FS SOTON. AC. UK F. UHS. NHS.
Unit 3 Do I have to?. 3. Practice A. Read the note below. In your notebook, write sentences telling what Brad and Tracy have to do this weekend. Brad.

Unit 3 Do I have to?. 3. Practice A. Read the note below. In your notebook, write sentences telling what Brad and Tracy have to do this weekend. Brad.
0 Branding Impossible: What to know when branding SharePoint! Thor & Odin Castillo Houston, Texas.

0 Branding Impossible: What to know when branding SharePoint! Thor & Odin Castillo Houston, Texas.
Astrophysics Source Code Library 546 codes and counting… ADASS XXII, Champaign, IL.

Astrophysics Source Code Library 546 codes and counting… ADASS XXII, Champaign, IL.
1 Welcome to the New Madison Chapter of MPUG!. 2 Agenda Welcome Review Survey Feedback & Recommendations View Draft Madison MPUG Website Determine Next.

1 Welcome to the New Madison Chapter of MPUG!. 2 Agenda Welcome Review Survey Feedback & Recommendations View Draft Madison MPUG Website Determine Next.

Similar presentations

Ads by Google