SPSATL 2014 Create Tailored Search Results w/ Display Templates SHAREPOINT SATURDAY ATLANTA – JUNE 21, 2013 MIKE ORYSZAK BLOG: LINKEDIN:

SPSATL 2014 About Me  Senior SharePoint Solution Architect w/ B&R Solutions  Microsoft SharePoint Server MVP (5-time)  Leader for Triangle SharePoint User Group (TriSPUG)  Dev and Architect with MS stack since 1996  Working with SharePoint since 2002  Raleigh-Durham, NC Scan the QR code for a chance to win a prize! BLOG: LINKEDIN: 2

3 SharePoint Saturday Atlanta3 |SharePoint Saturday Atlanta

4 SharePoint Saturday Atlanta4 |SharePoint Saturday Atlanta

5 SharePoint Saturday Atlanta5 |SharePoint Saturday Atlanta

6 SharePoint Saturday Atlanta6 |SharePoint Saturday Atlanta Lunch Snack SharePint Speaker Shirts Attendee Shirts Abel Solutions Speaker Dinner

SPSATL 2014 Session Overview  Display Template Basics  How to Work With Display Templates  Examples:  Example 1 – Simple tweak of standard results  Example 2 – Show results in a grid view  Example 3 – Working with People Results  Example 4 – Customize the hover panel  Closeout Target Audience: Developers interested in creating customized result displays or building search driving applications. BLOG: LINKEDIN: 7

SPSATL 2014 Display Template Basics CREATE TAILORED SEARCH RESULTS W/ DISPLAY TEMPLATES BLOG: LINKEDIN: 8

SPSATL 2014 Display Template Basics  What are Display Templates?  Display templates are used by the Search related Web Parts to render search results in SharePoint 2013  They leverage client side code to allow for dynamic injection and rendering  Important to note: Part of the Design Manager layer BLOG: LINKEDIN: 9

SPSATL 2014 Display Template Basics  Located in the Master Page Gallery at the Site Collection level  Under Display Templates/Search  Considerations  Can map a drive to the gallery or upload the files individually  Pair of files for each template; html and javascript  You work with html, the javascript file is generated when the html file is saved to the gallery  Display Template Reference:  BLOG: LINKEDIN: 10

SPSATL 2014 Display Template Basics  Process Flow with Result Type Rules  Dynamically selects which template to use on each item based on the rules BLOG: LINKEDIN: 11

SPSATL 2014 Display Template Basics  Process Flow with Result Type Rules  Central Control File  Specified item template shows all items formatted the same way BLOG: LINKEDIN: 12

SPSATL 2014 Examples CREATE TAILORED SEARCH RESULTS W/ DISPLAY TEMPLATES BLOG: LINKEDIN: 13

SPSATL 2014 Tweak Standard Results  Simple example to get us started, minor format changes to existing display BLOG: LINKEDIN: 14

SPSATL 2014 Grid View Results  Modify the results to show them in a grid/table view BLOG: LINKEDIN: 15

SPSATL 2014 Working With People Results  Working with People results and presence BLOG: LINKEDIN: 16

SPSATL 2014 Customizing the Hover Panel  Provide layout changes to the hover panel BLOG: LINKEDIN: 17

SPSATL 2014 Showing Dynamic Content Demonstration BLOG: LINKEDIN: 18

SPSATL 2014 Closeout CREATE TAILORED SEARCH RESULTS W/ DISPLAY TEMPLATES BLOG: LINKEDIN: 19

SPSATL 2014 Questions? BLOG: LINKEDIN: 20

SPSATL 2014 Resources  Design Manager display templates   Display Template Reference   Add Presence to SharePoint Search Results – Matthew McDermott   Search Results in Grid View   My Search Blog Posts  BLOG: LINKEDIN: 21

22 SharePoint Saturday Atlanta22 |SharePoint Saturday Atlanta Join us for SharePint

23 SharePoint Saturday Atlanta23 |SharePoint Saturday Atlanta SharePint Directions