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.

Part 1: Create Your First Search Refiner Control Template

In the first part of this blog post series about custom search refiner controls, I’ll describe what is minimal needed to create a clean refiner control display template. This template can later be used as a starter’s template for the creation of other refinement controls. Create a New Search Refiner Control Template The first thing you’ll need to do, is creating a new HTML file in the Master Page Gallery.

Read more

Creating Custom Refiner Control Display Templates for SharePoint 2013

As you may already know and seen, there has been quite a lot of improvements to create or change UI elements from SharePoint 2013, especially UI objects of search. A topic that I wanted to blog about for quite some time now (first time I started this post was in April) will show you how to create your own custom refiner display templates.

Read more

What is required for Display Templates?

Yesterday we had the first Biwug Quiz. One of the questions was the following: Display Templates require one of the following options: HTML JavaScript JavaScript & HTML XSL Everyone has answered that you need the JavaScript and HTML file, but this isn’t correct. The correct one was number two JavaScript. To clarify the answer I will show you why you don’t need the HTML file.

Read more

Customize the star rating images in SharePoint 2013

The SharePoint 2013 rating system slightly changed a bit. In SharePoint 2013 you can now choose to use likes or star ratings. This functionality can be turned on via the Rating settings in the list. Show image List Rating Settings Styling the SharePoint 2013 star rating involves some work. The only “quick” option you have is to apply a composed look to your site.

Read more

Adding a custom action to a callout in SharePoint 2013

A couple of weeks / months ago I wrote a blog post about how to you could hide the default social actions in the callout menu of a document library (blog post). The trick to remove these actions was to override the footer template rendering of the callout. This week I had the opposite question, how can you add a custom action to the callout with preserving the default actions.

Read more

Showing Alternating Rows in the Content Search WebPart (Display Template)

Showing alternating rows can be done in various ways, you can do it via jQuery or even with CSS. Another way is to add an alternating class to the item via the Item Display Control. I’ll explain the last method in this post. Note: here are the references to the jQuery and CSS methods: jQuery Odd Selector - CSS Even and Odd

Read more
Back to top