ElioStruyf GitHub Star | M365 Development, Developer Technologies MVP | Google Developer Expert Azure | Microsoft 365 | Visual Studio Code | End-to-End Testing

Along with acting as VP of BIWUG (Belgian Information Worker User Group), Elio is an independent contractor for his own consulting company, Struyf Consulting.

jQuery UI tabbing and accordion display templates

A couple of weeks ago somebody asked me if it was possible to create an accordion template from the grouping display template. Note: here is the original grouping template post - Grouping search results with display templates for the CSWP For these templates I made use of jQuery UI to get the accordion styling on the template.

Read more

Retrieving the list or library name of a search result in display templates

A question was asked a while ago on StackExchange by a person with whom I worked together at one of my clients. He asked if it was possible to get the list or library name via a managed property so that it can be used in a display template. The problem is that there is not a property that has this list name information.

Read more

Correctly including scripts into your display templates

When creating display templates it is sometimes required to load additional script and/or CSS files. These files can easily be referenced in a display template with the following functions: $includeScript $includeLanguageScript $includeCSS Now there is a problem when using these $include functions. The problem is that the function loads your referenced files asynchronously.

Read more

My 10 SharePoint display template tips and tricks

In this post I tell you my 10 tips and tricks that could help you when creating your display templates. Tip 1: only do your changes in the HTML files, except if you know what you are doing Best is to do your changes in the HTML version of the display template, otherwise you could end up with a corrupt JavaScript file.

Read more

Adding and customizing actions in the search hover panel

Adding custom actions to a search hover panel is completely different than when you are doing it for an item/document callout. When adding a custom action to item or document callout you will be able to override the default footer with your own custom actions. These things can be done without touching any of the existing JavaScript files (add a custom action - add a custom action for a specific file type).

Read more
Back to top