Friday, January 11, 2013

SharePoint 2013 Display Templates Overview

SharePoint 2013 Display templates are one of the many new features in SharePoint 2013 Publishing site Design Manager.

In the following video blog I walk you through creating a mocked up wireframe that includes a image rotator, document, blog post, and task query. I created a custom Page layout and also walked through the process of customizing and creating your own display template. This is all possible with the use of the new Content Search Web Part.

Enjoy!

10 comments:

Erik said...

What an excellent video! Thanks for posting this. I look forward to using the content search web part in the near future.

kashkumar said...

This is an awesome video. Thanks for that..I also have another question which is not relating to this video. What is the best way to do SharePoint 2013 Foundation branding?? If you could please share your experience that would be great. Thanks, will wait for your reply.

Robert P. Calfee said...

I am William..I just browsing through some blogs and came across yours! Excellent blog, good to see someone actually uses for quality posts.Your site kept me on for a few minutes unlike the rest :) Keep up the good work!Thanks for sharing a important information on http://www.bigclasses.com/microsoft-sharepoint-online-training.html

dillonmarsh said...

its not more complicated but wildcard people are usually serch few thing about Sharepoint 2013,one thing is that new functionality is not fully working page is in edit mode duw to some extra encoding of the query string in edit mode.

pmatthews05 said...

Hi Erik, I've watched your video, and near the end when you goto in SharePoint designer 'All Files > _catalogs > masterpage > Display Templates> Content Web Parts' the video displays .js files and .html files. However whenever I look in any of the Display Template folders I only see .js files. This is the same if I navigate to the Master Page Gallery within SharePoint site itself. It's as if I have a filter on, but it's pretty much a new on-prem instance of SharePoint 2013. Do you have any ideas why this is? I've checked both farms I've created and the same happened in both. Both site are using HNSC paths (don't know if that's makes a difference, but I doubt it).

pmatthews05 said...

I've worked out that if I use publishing site, or turn the publishing feature on, the HTML files are created. Can you confirm that the Display Templates are for publishing sites only?

Erik Swenson said...

Hey Paul, You are correct I should have stated that more clearly. But the display templates and the Design Manager is only available if you create a Publishing Portal site collection or if you enable the publishing infrastructure on the site collection. Thanks for following my posts and reviewing the videos. I should have more soon.

Erik S.

Unknown said...

Do you know how to work around the 50 item limit?

Daniel Goodridge said...

Erik, thanks for your videos, it always helps me to see and hear when learning a new subject. Your videos are much appreciated!

I have a question, I've put together a web part page with a Content search slideshow on top, then three content search WPs below it showing some two line displays. Mine doesn't look nearly as smooth as yours though. I have a large gap between the rows. Did you use custom CSS in your page layout?

ratnakumar paleru said...

You r the Best Eric..... Thank you