SPTechCon SFO 2014 - Anatomy of a Display Template
Upcoming SlideShare
Loading in...5
×
 

SPTechCon SFO 2014 - Anatomy of a Display Template

on

  • 225 views

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, ...

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.

Statistics

Views

Total Views
225
Views on SlideShare
216
Embed Views
9

Actions

Likes
1
Downloads
7
Comments
0

3 Embeds 9

http://www.slideee.com 4
http://sympmarc.com 3
https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    SPTechCon SFO 2014 - Anatomy of a Display Template SPTechCon SFO 2014 - Anatomy of a Display Template Presentation Transcript

    • 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=office.15).aspx
    • Image Source: SharePoint 2013 Design Manager display templates (MSDN) http://msdn.microsoft.com/en-us/library/office/jj945138(v=office.15).aspx
    • Control_blank.html
    • Item_Picture3Lines.html
    • 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
    • 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
    • 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