Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

RISPUG - Anatomy of a Display Template

Session: Anatomy of a Display Template

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 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 Web sites 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.

  • Be the first to comment

RISPUG - Anatomy of a Display Template

  1. 1. One source of data + many display options = Content Management “Nirvana”
  2. 2. • • • • • •
  3. 3. Image Source: SharePoint 2013 Design Manager display templates (MSDN)
  4. 4. Control_blank. html
  5. 5. Item_Picture3Lines. html
  6. 6. Resource: Useful JavaScript to know when working with SharePoint Display Templates (#SPC3000) by Corey Roth spc3000-spc14.aspx Control_List. html
  7. 7. library/office/jj945138(v=office.15).aspx library/jj944947.aspx with-sharepoint-display-templates-spc3000-spc14.aspx with-sharepoint-display-templates.aspx
  8. 8. Email Twitter @sympmarc Blog SPServices SPXSLT Books The Middle Tier Manifesto