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

Like this? Share it with your network

Share

SPTechCon SFO 2014 - Anatomy of a Display Template

  • 354 views
Uploaded 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,......

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.

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
354
On Slideshare
342
From Embeds
12
Number of Embeds
3

Actions

Shares
Downloads
12
Comments
0
Likes
2

Embeds 12

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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