Embed Size (px)
DESCRIPTION
Solutions can no longer simply be functional, they need to look good and provide an excellent user experience. Thought the Search Results in SharePoint 2013 are already a great improvement over our previous experiences, it is even better when we take advantage of what it offers to change how results are displayed. In this session, you will learn how to build a reusable, beautiful and dynamic menu built from a search query. See how to build a Display Template in SharePoint 2013, so that any returned Search Results can provide users with a dynamic menu to explore and interact with them. See the difference between Control Display Templates and Item Display Templates to build your own interactive solutions with your SharePoint Content. The Display Template will be available at the end of the session.
Citation preview
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
![+[Nouveaux]+ Visuals](https://img.pdfslide.us/doc/110x75/568bde9a1a28ab2034ba1925/nouveaux-visuals.jpg)
