1. http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering Vish Yem & Nate Hadro Donald Donais

2. http://sharepointmn.com Agenda Introductions Client Side Object Model (CSOM) Client Side Rendering Content Search Webpart Search Center Rendering

3. http://sharepointmn.com Presenters

4. http://sharepointmn.com Vish Yem SharePoint Consultant Father & Hawkeye fan Introductions

5. http://sharepointmn.com Nate Hadro SharePoint Consultant Father and Snowboarding Enthusiast Introductions

6. http://sharepointmn.com

7. Client APIs that allowed you to program against SharePoint objects without deploying code to the server Three APIs  Silverlight .NET  JavaScript Subset of the server object model /_vti_bin/client.svc Client Side Object Model in 2010

8. http://sharepointmn.com Expanded access to SharePoint objects client.svc extended to support REST using _api What is a RESTful web service?  Web based data access  Query by URL What is OData?  Standard protocol for implementing REST services  Standardize HTTP verb mapping, URIs and syntax Client Side Object Model in 2013

9. http://sharepointmn.com Demo – SharePoint 2013 RESTful service

10. http://sharepointmn.com

11. List Data + JavaScript = HTML Client Side Rendering (CSR)

12. http://sharepointmn.com Demo – Client Side Rendering using JSLink

13. http://sharepointmn.com

14. Cross Site Collection Results from Search Index Query Builder Display Templates Content Search vs. Content Query

15. http://sharepointmn.com Retrieves managed properties Display Templates Document Summary Path File Extension Title Preview Image Rendered using HTML and JavaScript instead of XSL

16. http://sharepointmn.com

17. Demo – Content Search Webpart

18. http://sharepointmn.com Place them in the Master Page Gallery Copied an existing display template  Added a new managed property  Customized the information based on a JavaScript condition Use the editor of your choice Display Templates Summary

19. http://sharepointmn.com

20. Quick test… raise your hand when you’re done

21. http://sharepointmn.com Find the PDF Now find Joanna’s project

22. http://sharepointmn.com Results all look the same Company documents and sites are not the same What’s the problem?

23. http://sharepointmn.com Hello, Result Types! Tailor the look or important types of results.

24. http://sharepointmn.com Demo – Result Types

25. http://sharepointmn.com Refiners Query Rules (Demo if time allows) Additional Rendering

26. http://sharepointmn.com Customizing field types using client-side rendering  http://msdn.microsoft.com/en-us/library/jj220061.aspx http://msdn.microsoft.com/en-us/library/jj220061.aspx David Mann: Custom field types in SharePoint 2013  http://blog.aptillon.com/2012/10/12/custom-field-types-in-sharepoint-2013-apps/ http://blog.aptillon.com/2012/10/12/custom-field-types-in-sharepoint-2013-apps/ Wes Preston: JS Link for Web Parts  http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick- functional-primer/ http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick- functional-primer/ Chris O’Brien: Using the Content Search web part  http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick- functional-primer/ http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick- functional-primer/ Using Query Rules, Result Types, and Display Templates  http://blogs.technet.com/b/speschka/archive/2012/07/23/using-query-rules-result- types-and-display-templates-for-a-custom-search-sales-report-in-sharepoint-2013.aspx http://blogs.technet.com/b/speschka/archive/2012/07/23/using-query-rules-result- types-and-display-templates-for-a-custom-search-sales-report-in-sharepoint-2013.aspx SharePoint Resources

27. http://sharepointmn.com