In this SharePoint Online search tutorial we will discuss SharePoint content search web part. We can use the same content search web part in SharePoint Online/2013/2016. Also, we will see advantages of content search web part over content query web part in SharePoint. How to add and configure content search web part in a SharePoint Online web part page. I will also show few properties available in content search web part in SharePoint Online.
SharePoint Online tutorial contents:
Microsoft introduced
By using content search web part, you can display search results which can be easily formated by using a custom display template. Behind each content search web part, there is a search query associated which provides the search results. Display templates consists of HTML & JavaScript that decides the look and feel of the search result associated with the web part.
Advantages of the content search web part over the content query web part
I have written an article on SharePoint 2013 content search web part vs content query web part. Read the article to know more where to use content search web part and where to use content query web part in SharePoint Online or SharePoint 2016/2013.
To add a Content Search Web part, First of all, open your web part page. Then click on “Add a Web Part” on the specific zone from where you want to add the web part.
Click on “Content Rollup” from the “Category” template and then click on “Content Search” web part as shown in below.
While the “Content Search” web part will add to the web part page, we will see the recent activity which we performed in the site. Follow the below examples:
Example-1: Displaying Picture library item in the Content Search web part in image sliding
Once the “Content search” web part will add to your existing web part page, follow the below proccesses for displaying the picture with the image sliding:
Click on the drop-down symbol which is present at the right side of the Content Search web part. Click on “Edit Web Part” from that dropdown to edit the web part properties.
In the “Properties” page, Click on “Change query” as shown in below.
In the “Build Your Query” page, Select the “Basics“. From the “Select a query” field, Select “Picture(System)” from the drop-down.
Again go to the “Refiners” tab, select the Picture from the “Content type“. On the right-hand side, we will see all the pictures of the SharePoint site. Then click on “OK“.
Now select the number of items which you want to show on the web part page. In the “Display Templates“, select the “Control” as “Slideshow” and next in the Item, Select the picture size as per your requirement.
Here, I have selected the “Item” as “large Pictures“.
Once all the Display Templates field value will over, Click on “Apply” and then “OK” as shown in below.
While you will click on “Stop Editing” mode from the ribbon, then the output screen will look like below. As per my requirement, the SharePoint online picture library items are coming in the image slider mode as like below screenshot.
You may like following SharePoint search tutorials:
- SharePoint Online customize search box web part
- SharePoint search managed properties
- Difference between classic search experience and modern search experience in SharePoint Online Office 365
- Show Slideshow list data using SharePoint 2013 content search web part
- SharePoint 2013/2016/Online Content Search WebPart with Query String
- JQuery Tabs using content search web part in SharePoint 2013
- Get Thumbnail Image URL from SharePoint Picture Library
Hope this SharePoint search tutorial helps to learn content search web part in SharePoint Online or SharePoint 2016/2013.
We saw what is a content search web part? How can we add and configure a content search web part in SharePoint Online/2016/2013. How to configure content search web part to display images from a particular SharePoint Online document library.
Hello Everyone!! I am Bhawana a SharePoint MVP and having about 10+ years of SharePoint experience as well as in .Net technologies. I have worked in all the versions of SharePoint from wss to Office 365. I have good exposure in Customization and Migration using Nintex, Metalogix tools. Now exploring more in SharePoint 2016 🙂 Hope here I can contribute and share my knowledge to the fullest. As I believe “There is no wealth like knowledge and no poverty like ignorance”