SharePointFest Chicago 2014 - PWR105 - Anatomy of a Display Template

Post on 16-Jul-2015

186 views 1 download

Tags:

Transcript of SharePointFest Chicago 2014 - PWR105 - Anatomy of a Display Template

See: The hidden gem of SharePoint context JavaScript development

http://www.spcaf.com/blog/sharepoint-javascript-context-dev-part-1/

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

Co

ntr

ol_

bla

nk. h

tml

Item

_Pic

ture

3Li

nes.

htm

l

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

Co

ntr

ol_

List

. htm

l

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