OPEN TO WORK

Available for new opportunities! Let's build something amazing together.

Ultimate diagnostic display template

Display Templates JavaScript Search
post

This post is over a year old, some of this information may be out of date.

For my SharePoint Saturday Belgium 2014 session: “Sorry, something went wrong. How to start debugging your Display Templates”, I created the ultimate diagnostic display template. With this display template you’re able to retrieve all the available properties for your result.

Show image Content Search Web Part Configuration
Content Search Web Part Configuration

When you configure the Content Search Web Part as shown above, it will output the property name, type and its corresponding value for the current result.

Show image Output of the ultimate diagnostic template
Output of the ultimate diagnostic template

I also build in that it shows which of the values are null or empty. These values will be outputted like this:

Show image Showing empty or null values
Showing empty or null values

Note: this display template is created for retrieving only one result.

Office 365 and future on-premises updates

The template currently only works on on-premises, in Office 365 you first need to do some changes to the list via PowerShell to make use of the template. This is because Microsoft did some changes on the list and libraries. More information can be found in a blog post of Mikael Svenson - Debugging Managed Properties using SharePoint Query Tool v2.

Download

The ultimate diagnostic display template can be found on the SPCSR GitHub repository: GitHub SPCSR Project.

To use it, download the HTML template and upload it somewhere in your master page gallery. Configure your content search web part as shown above, and you are good to go.

Feel free to give feedback about it.

Related articles

Report issues or make changes on GitHub

Found a typo or issue in this article? Visit the GitHub repository to make changes or submit a bug report.

Comments

Elio Struyf

Solutions Architect & Developer Expert

Loading...

Let's build together

Manage content in VS Code

Present from VS Code