Office 365 MVP Benjamin Niaulin session on building killer visuals with your content using Search and Display templates.

1. CONTENT
SEARCH
with Search & Display Templates
by Benjamin Niaulin,
a SharePoint GEEK

2. @bniaulin
share-gate.com/blog
by Benjamin Niaulin,
a SharePoint GEEK

3. IS THIS
GOING TO
BE A DEV
SESSION?

4. BECAUSE I DON’T KNOW
HOW TO CODE EITHER!
BUT I HAVE TO DELIVER
SOLUTIONS IN SHAREPOINT
AND THEY HAVE TO LOOK
GOOD TOO
NO

5. SO WHAT ARE
YOU GOING TO
SHOW US IN
SHAREPOINT?

6. TO FIND AND
DISPLAY!

7. GOOD,
BECAUSE I AM
HAVING SOME
ISSUES IN
SHAREPOINT
2010

8. Showing data from multiple lists/libraries at
the same time
Change the date format in a list/library
Contextual Results
Changing the look of what we are seeing
Accessing information from other Site
Collections

9. @bniaulin
Previous Solutions
Content Query Web Part
Search
Coding

10. @bniaulin
Wonderful XSLT
<xsl:template name="dvt_1.noKeyword">
<span class="srch-description2">
<xsl:choose>
<xsl:when test="$IsFixedQuery">
<xsl:value-of select="$NoFixedQuery" />
</xsl:when>
<xsl:otherwise>
<xsl:value-of select="$NoKeyword" />
</xsl:otherwise>
</xsl:choose>
</span>
</xsl:template>
<!-- When empty result set is returned from search -->
<xsl:template name="dvt_1.empty">
<div class="srch-results">
<xsl:if test="string-length($SrchRSSLink) &gt; 0 and $ShowActionLinks">
<a type="application/rss+xml" href ="{$SrchRSSLink}" title="{$SrchRSSText}" id="SRCHRSSL" class
<img style="vertical-align: middle;" border="0" src="/_layouts/images/rss.gif" alt=""/>
<xsl:text disable-output-escaping="yes">&amp;nbsp;</xsl:text>

11. @bniaulin

12. YES!
I AM SAYING
THERE IS
SOMETHING
BETTER OUT
THERE

13. DON’T GET
TOO
EXCITED

14. FIRST…
What’s
CHANGED
in
SharePoint
2013?

15. SEARCH!
Best of FAST Search algorithms
Document Thumbnails
Query Language (FQL)
Architecture
Visual Best Bets User Segmentation
Metadata Extraction
Continuous Crawl
Analytics
Result Sources
Result Types
Query RulesDisplay Templates
Search Web Parts
Cross-Site Publishing
Product Catalog Search-Drive Sites

16. Continuous Crawl

17. The Real Continuous Crawl
•Only works on SharePoint Content Sources
•By default every 15min
Set-SPEnterpriseSearchCrawlContentSource
•Once indexed, content appears almost right away...like magic
•Lots of added pressure on the Server

18. Before we start
ANYTHING
with Search
Crawled Property: Content & Metadata extracted
(document itself, url, Title, etc…)
Managed Property: Includes 1 or multiple mapped
Crawled Properties and exists in the Search Index.
Managed Properties are what SharePoint uses to Display Content.

19. POP QUIZ!
If I plan to use a
Search-related Web Part
to show my content
What kind of Property
should I use?

20. MANAGED
PROPERTY

22. Search
Search Crawl
Content Search
Web Part
Site Collection A
Site Collection B
CONTENT SEARCH

23. Query Builder

24. What’s changed?

25. HTML
CSS
JS
NO XSLT

26. DISPLAY
TEMPLATES
Looking Good!

27. The basics of
Display Template

28. They are
everywhere

29. The « container »
Best way to
reference custom
files (JavaScript,
CSS, etc…)
Control

30. Item
Controls what
happens to each
item rendered
through the query
Use Managed
Properties to show
the content you
want where you
want using HTML

31. Result Types
1 - One or more characteristics or conditions to compare each search result
against, such as the result source or content type of the search result
Identify different types of results
2 - A display template to use for search results that meet the conditions.

32. Finding
inspiration
line25.com
smashingmagazine.com
tympanus.net/codrops/

36. THINK
a reusable
design
for
Search Results
about it…

37. ARTICLES
An Image Slider with Search Results Web Part
Responsive Animated Tiles Menu with Search Results
Learn more about different SharePoint topics

38. @bniaulin
share-gate.com/blog
by Benjamin Niaulin,
a SharePoint GEEKTHANK YOU!