build killer visuals to interact with your content using search and display template
TRANSCRIPT
CONTENT SEARCH
with Search & Display Templates
by Benjamin Niaulin, a SharePoint GEEK
IS THIS GOING TO BE A DEV SESSION?
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
SO WHAT ARE YOU GOING TO
SHOW US IN SHAREPOINT?
TO FIND AND DISPLAY!
GOOD, BECAUSE I AM HAVING SOME
ISSUES IN SHAREPOINT
2010
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
@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) > 0 and $ShowActionLinks"> <a type="application/rss+xml" href ="{$SrchRSSLink}" title="{$SrchRSSText}" id="SRCHRSSL" class="srch-ext-action-margin"> <img style="vertical-align: middle;" border="0" src="/_layouts/images/rss.gif" alt=""/> <xsl:text disable-output-escaping="yes">&nbsp;</xsl:text> <xsl:value-of select="$SrchRSSText"/>
YES! I AM SAYING
THERE IS SOMETHING BETTER OUT
THERE
DON’T GET TOO
EXCITED
FIRST…
What’s CHANGED
in SharePoint
2013?
SEARCH!Best of FAST Search algorithms
Document ThumbnailsQuery Language (FQL)
Architecture
Visual Best Bets User Segmentation
Metadata Extraction
Continuous Crawl
Analytics
Result SourcesResult Types
Query RulesDisplay Templates
Search Web Parts
Cross-Site Publishing
Product Catalog Search-Drive Sites
Continuous Crawl
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
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.
POP QUIZ!
If I plan to use a Search-related Web Part
to show my content
What kind of Property should I use?
MANAGED PROPERTY
SearchSearch Crawl
Content Search Web Part
Site Collection A
Site Collection B
CONTENT SEARCH
Query Builder
What’s changed?
HTML CSS JS
NO XSLT
DISPLAYTEMPLATES
Looking Good!
The basics of Display Template
They are everywhere
The « container »
Best way to reference custom files (JavaScript, CSS, etc…)
Control
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
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.
Finding
inspiration
line25.com
smashingmagazine.com
tympanus.net/codrops/
THINK
a reusable design
for Search Results
about it…
ARTICLES
An Image Slider with Search Results Web Part
Responsive Animated Tiles Menu with Search Results
Learn more about different SharePoint topics
�
�
@bniaulin
share-gate.com/blog
by Benjamin Niaulin, a SharePoint GEEKTHANK YOU!