Build

KILLER VISUALSwith Search & Display Templates

by Benjamin Niaulin, a SharePoint GEEK

twitter.com/bniaulin

ca.linkedin.com/in/bniaulin

benjamin.niaulin@share-gate.com

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

benjamin.niaulin@share-gate.com

en.share-gate.com/blog

Benjamin Niaulin