If you’ve enjoyed working with Data View Web Parts (DVWPs) and XSL in the past, SharePoint 2013’s Display Templates may be just the right thing for you. If you consider yourself a front-end coder, they may be just right for you as well. Display Templates are a new way to format and display data in SharePoint 2013 for search results, the Content Search Web Part (CSWP), Refinement Web Parts, and more. Display Templates use HTML and JavaScript rather than XSL to format data on the client-side. We can develop our own Display Templates and combine them with third-party tools to create rich, powerful content rendering to equal the best websites out there. We’ll go through the anatomy of some of the most useful out-of-the-box Display Templates and look at how you can build your own useful customizations.

7. One source of data + many display options =
Content Management “Nirvana”

10. 






12. Source: SharePoint 2013 Design Manager display templates (MSDN)
http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx

14. Image Source: SharePoint 2013 Design Manager display templates (MSDN)
http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx

15. Control_blank.html

16. Item_Picture3Lines.html

17. Resource: Useful JavaScript to know when working with SharePoint Display Templates (#SPC3000) by Corey Roth
http://dotnetmafia.com/blogs/dotnettipoftheday/archive/2014/02/26/useful-javascript-for-working-with-sharepoint-display-
templates-spc3000-spc14.aspx
Control_List.html

21. http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx
http://technet.microsoft.com/en-
us/library/jj944947.aspx
http://dotnetmafia.com/blogs/dotnettipoftheday/archive/2014/02/26/useful-javascript-for-
working-with-sharepoint-display-templates-spc3000-spc14.aspx
http://www.dotnetmafia.com/blogs/dotnettipoftheday/archive/2014/02/13/for-tips-for-using-
jquery-with-sharepoint-display-templates.aspx
http://channel9.msdn.com/Events/SharePoint-Conference/2014/SPC3000
http://en.share-gate.com/blog/sharepoint-2013-animated-menu-search-display-template
http://en.share-gate.com/blog/image-slider-with-sharepoint-2013-search-results

22. Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books
The Middle Tier Manifesto http://bit.ly/middletier