Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013...
-
Upload
gregory-gregory -
Category
Documents
-
view
214 -
download
0
Transcript of Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013...
![Page 1: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/1.jpg)
http://sharepointmn.com
Welcome to the Minnesota SharePoint
User GroupFebruary 13th, 2013
SharePoint 2013 – Developers Track - Client Side Rendering
Vish Yem & Nate Hadro
Donald Donais
![Page 2: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/2.jpg)
http://sharepointmn.com
Agenda
• Introductions• Client Side Object Model (CSOM)• Client Side Rendering• Content Search Webpart• Search Center Rendering
![Page 3: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/3.jpg)
http://sharepointmn.com
Presenters
![Page 4: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/4.jpg)
http://sharepointmn.com
Vish Yem• SharePoint Consultant• Father & Hawkeye fan
Introductions
![Page 5: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/5.jpg)
http://sharepointmn.com
Nate Hadro• SharePoint Consultant• Father and Snowboarding Enthusiast
Introductions
![Page 6: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/6.jpg)
http://sharepointmn.com
SharePoint Client Side Object Model (CSOM)
![Page 7: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/7.jpg)
http://sharepointmn.com
• 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
![Page 8: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/8.jpg)
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
![Page 9: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/9.jpg)
http://sharepointmn.com
Demo – SharePoint 2013 RESTful service
![Page 10: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/10.jpg)
http://sharepointmn.com
Client Side Rendering
![Page 11: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/11.jpg)
http://sharepointmn.com
List Data+
JavaScript=
HTML
Client Side Rendering (CSR)
![Page 12: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/12.jpg)
http://sharepointmn.com
Demo – Client Side Rendering using JSLink
![Page 13: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/13.jpg)
http://sharepointmn.com
Content Search Webpart
![Page 14: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/14.jpg)
http://sharepointmn.com
• Cross Site Collection• Results from Search Index• Query Builder• Display Templates
Content Search vs. Content Query
![Page 15: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/15.jpg)
http://sharepointmn.com
Retrieves managed properties
Display Templates
Document Summary
Path
File Extension Title Preview Image
Rendered using HTML and JavaScript instead of XSL
![Page 16: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/16.jpg)
http://sharepointmn.com
![Page 17: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/17.jpg)
http://sharepointmn.com
Demo – Content Search Webpart
![Page 18: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/18.jpg)
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
![Page 19: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/19.jpg)
http://sharepointmn.com
Search Center Rendering
![Page 20: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/20.jpg)
http://sharepointmn.com
Quick test… raise your hand when you’re done
![Page 21: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/21.jpg)
http://sharepointmn.com
Find the PDF
Now find Joanna’s project
![Page 22: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/22.jpg)
http://sharepointmn.com
• Results all look the same• Company documents and sites are not the same
What’s the problem?
![Page 23: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/23.jpg)
http://sharepointmn.com
Hello, Result Types!Tailor the look or important types of results.
![Page 24: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/24.jpg)
http://sharepointmn.com
Demo – Result Types
![Page 25: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/25.jpg)
http://sharepointmn.com
• Refiners• Query Rules
(Demo if time allows)
Additional Rendering
![Page 26: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/26.jpg)
http://sharepointmn.com
• Customizing field types using client-side rendering 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/
• Wes Preston: JS Link for Web Parts http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick-functio
nal-primer/
• Chris O’Brien: Using the Content Search web part http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick-functio
nal-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
SharePoint Resources
![Page 27: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/27.jpg)
http://sharepointmn.com
Questions?
![Page 28: Http://sharepointmn.com Welcome to the Minnesota SharePoint User Group February 13 th, 2013 SharePoint 2013 – Developers Track - Client Side Rendering.](https://reader033.fdocuments.us/reader033/viewer/2022051517/5697c0261a28abf838cd5ad7/html5/thumbnails/28.jpg)
http://sharepointmn.com
Thanks for coming!