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

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

Moving all your AngularJS code to the control display template – part 3

The last two post were about how to create display templates that make use of AngularJS. Another thing I was thinking of is if it is possible to move all the code from the item template to the control template, so that the item display template can be ignored. Moving all the code to the control display template is possible, but fully eliminate the item display template is not possible.

Read more

Creating your own dataset for AngularJS display templates – Part 2

In my previous post, I showed how to include AngularJS to your display templates. In this part I will talk about how to extend the templates so that the document icon and “line 2” property (which is not provided by default) can be added. To provide these new values (icon and line 2) to your template, it is best to create your own dataset.

Read more

How to add AngularJS to your display templates (CSWP) – part 1

AngularJS is so popular these days that I wanted to check out the possibilities in combination with display templates. Once you know the steps to combine them, you could add the magic of AngularJS to your templates. Like for example the templating engine, filtering, directives, etc. In the first post I will tell you more about my approach of how you could databind the result rows to an AngularJS template.

Read more

Display template custom document properties explained

In this post all the search display template custom document properties of are explained. Here is an example of how an out-of-the-box display template document property section looks like: 1 2 3 4 5 6 7 8 9 10 <mso:CustomDocumentProperties> <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden> <mso:ManagedPropertyMapping msdt:dt="string">'Link URL'{Link URL}:'Path','Line 1'{Line 1}:'Title','Line 2'{Line 2}:','FileExtension','SecondaryFileExtension'</mso:ManagedPropertyMapping> <mso:MasterPageDescription msdt:dt="string">This Item Display Template will show a small thumbnail icon next to a hyperlink of the item title, with an additional line that is available for a custom managed property.

Read more

Table layout display template with managed property sorting

In my last two blog posts I talked about how you could add sorting, and how to find out if a managed property is sortable. These two posts were created during the creating time of a table layout display template. Of course there are a couple of table layout templates already, but none had the option to sort the results.

Read more

How to know if a managed property is sortable with JavaScript

In my previous post I talked about how you could add managed property sorting in a display templates. The problem with this is that you need to know that the managed property is sortable. If the managed property isn’t sortable, it won’t work. Unfortunately if you’re going to sort on an unsortable managed property, this will result in a web part with an error:

Read more
Back to top