Introduction to
Content Search
Web Part
Haaron Gonzalez
Lead Solution Architect
Hershey Technologies
Show dynamic content
 Content Query Web Part
 Introduced in MOSS 2007 as part of the ECM functionality
 Aggregates and ...
Site Collection A
Content Query
Web Part
Site Collection B
Site Collection C
Site Collection
Show dynamic content
 Content Search Web Part
 Introduced in SharePoint 2013 Enterprise
 Leverages search infrastructur...
Site Collection A
SearchSearch
Crawl
Content Search
Web Part
Site Collection B
Site Collection C
Site Collection D
Content Search 30,000 ft. view
Query Builder: Connecting you to results
Create queries Preview Results
Full screen
query builder to
create/test
queries
F...
Content Search in Action
Query Builder
What a display template does
Displays them using
HTML and
JavaScript instead
of XSL
Retrieves managed
properties
File Exte...
Layers for
display templates
Control Item
Also:
Filter, Group
and Hover Panel
Display Templates available
 Display Templates
 List
 List with Paging
 Slideshow
 Item Templates
 Large Picture
 P...
Using OOO Display Templates
Review the available display templates
Create your own Display Template
 Use SharePoint Designer 2013
 Publishing Feature needs to be activated
 Copy and past...
Customizing Display Templates
Change the size of a slideshow
Create your own Item Display Template
 Use SharePoint Designer 2013
 Publishing Feature needs to be activated
 Copy and...
Customizing Item Display Templates
Add the modified date to two lines item view
Questions
Content Search Web
Part
Haaron Gonzalez
Lead Solution Architect
Hershey Technologies
Introduction to Content Search Web Part
Upcoming SlideShare
Loading in …5
×

Introduction to Content Search Web Part

947 views

Published on

I presented in San Diego SharePoint User Group Meeting early 2014 about the benefits and options available in the Content Search Web Part to create compelling content visualization and presentation

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
947
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Change the title <title>PEIWC Slideshow</title> Locate cbs-SlideShow and change the style <div class="cbs-Slideshow" id="_#= encodedId =#_" data-displaytemplate="ControlSlideshow" style="max-height:400px; display:inline-block;position:relative;background-color:#000000;color:#FFFFFF; width:800px !important;">
  • Change the title <title>My Pre Demo Display</title>Add the mapping <mso:ManagedPropertyMappingmsdt:dt="string">'ModifiedDate':'LastModifiedTime;Created','Link URL'{Link URL}:'Path','Line 1'{Line 1}:'Title','Line 2'{Line 2}:'','FileExtension','SecondaryFileExtension'</mso:ManagedPropertyMapping>Add javascrpit code varmodifieddate = $getItemValue(ctx,"ModifiedDate");Add HTML code<div class="cbs-Line2 ms-noWrap">_#= modifieddate =#_ </div>Add more javascriptif(new Date(modifieddate) > new Date(“11/1/2012”)) { modifieddate = “<b>NEW! </b>” + modifieddate;
  • Introduction to Content Search Web Part

    1. 1. Introduction to Content Search Web Part Haaron Gonzalez Lead Solution Architect Hershey Technologies
    2. 2. Show dynamic content  Content Query Web Part  Introduced in MOSS 2007 as part of the ECM functionality  Aggregates and displays list items within a site hierarchy  Features  Provide caching and query optimizations  No coding  Cross Web query  Security trimming  Customizable  Include style templates for display the data  Enhance in SharePoint 2010 with more features like:  Filtering support  Query String  Metadata  Property Mapping • XSLT • CSS • HTML • JQuery http://msdn.microsoft.com/en-us/library/ff650512.
    3. 3. Site Collection A Content Query Web Part Site Collection B Site Collection C Site Collection
    4. 4. Show dynamic content  Content Search Web Part  Introduced in SharePoint 2013 Enterprise  Leverages search infrastructure to present information  Already available in Office 365  Features  No coding  Cross Web and Site Collection query  Security trimming  Customizable  Include Display Template for display the results (easy to use)  Property Mapping • HTML • JavaScript • JQuery • Build in functions
    5. 5. Site Collection A SearchSearch Crawl Content Search Web Part Site Collection B Site Collection C Site Collection D
    6. 6. Content Search 30,000 ft. view
    7. 7. Query Builder: Connecting you to results Create queries Preview Results Full screen query builder to create/test queries Fully integrated with result sources and query rules Query variables are substituted at query time
    8. 8. Content Search in Action Query Builder
    9. 9. What a display template does Displays them using HTML and JavaScript instead of XSL Retrieves managed properties File Extension Title Preview Image Document Summary Path
    10. 10. Layers for display templates Control Item Also: Filter, Group and Hover Panel
    11. 11. Display Templates available  Display Templates  List  List with Paging  Slideshow  Item Templates  Large Picture  Picture on left 3 lines on right  Picture on top 3 lines on bottom  To lines  Video
    12. 12. Using OOO Display Templates Review the available display templates
    13. 13. Create your own Display Template  Use SharePoint Designer 2013  Publishing Feature needs to be activated  Copy and paste a display template “.html”;  Change the title  Edit existing HTML or create new from scratch  Use functions to load Scripts, CSS, etc.  $includeScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Finished/Control_jShowOff_Script.js");  $includeCSS(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Finished/Item_SlidingDetails_Styles.css");  <mso:ManagedPropertyMapping msdt:dt="string">'Link URL'{Link URL}:'Path'</mso:ManagedPropertyMapping>  var pictureMarkup = Srch.ContentBySearch.getPictureMarkup(pictureURL, 135, 135, ctx.CurrentItem, "cbs-sliding-details-thumbnail", line1, pictureId);
    14. 14. Customizing Display Templates Change the size of a slideshow
    15. 15. Create your own Item Display Template  Use SharePoint Designer 2013  Publishing Feature needs to be activated  Copy and paste a item display template  Change the title  Edit existing HTML or create new from scratch  Use functions to load Scripts, CSS, etc.  $includeScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Finished/Control_jShowOff_Script.js");  $includeCSS(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Finished/Item_SlidingDetails_Styles.css");  <mso:ManagedPropertyMapping msdt:dt="string">'Link URL'{Link URL}:'Path'</mso:ManagedPropertyMapping>  var pictureMarkup = Srch.ContentBySearch.getPictureMarkup(pictureURL, 135, 135, ctx.CurrentItem, "cbs-sliding-details-thumbnail", line1, pictureId);
    16. 16. Customizing Item Display Templates Add the modified date to two lines item view
    17. 17. Questions
    18. 18. Content Search Web Part Haaron Gonzalez Lead Solution Architect Hershey Technologies

    ×