One source of data + many display options =
Content Management “Nirvana”






Source: SharePoint 2013 Design Manager display templates (MSDN)
http://msdn.microsoft.com/en-us/library/office/jj945138(v=...
Image Source: SharePoint 2013 Design Manager display templates (MSDN)
http://msdn.microsoft.com/en-us/library/office/jj945...
Control_blank.html
Item_Picture3Lines.html
Resource: Useful JavaScript to know when working with SharePoint Display Templates (#SPC3000) by Corey Roth
http://dotnetm...
http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx
http://technet.microsoft.com/en-
us/library/jj94...
Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codepl...
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
SPTechCon SFO 2014 - Anatomy of a Display Template
Upcoming SlideShare
Loading in...5
×

SPTechCon SFO 2014 - Anatomy of a Display Template

377

Published on

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.

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
377
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
12
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

SPTechCon SFO 2014 - Anatomy of a Display Template

  1. 1. One source of data + many display options = Content Management “Nirvana”
  2. 2.      
  3. 3. Source: SharePoint 2013 Design Manager display templates (MSDN) http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx
  4. 4. Image Source: SharePoint 2013 Design Manager display templates (MSDN) http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx
  5. 5. Control_blank.html
  6. 6. Item_Picture3Lines.html
  7. 7. 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
  8. 8. 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
  9. 9. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×