Build
KILLER VISUALSwith Search & Display Templates
by Benjamin Niaulin, a SharePoint GEEK
twitter.com/bniaulin
ca.linkedin.com/in/bniaulin
en.share-gate.com/blog
Benjamin Niaulin
How do we get here?
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
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
What’s changed?
HTML CSS JS
NO XSLT
DISPLAY TEMPLATES
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
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
twitter.com/bniaulin
ca.linkedin.com/in/bniaulin
en.share-gate.com/blog
Benjamin Niaulin
Recommended
