Hi, I'm Elio Struyf — an Solutions Architect passionate about creating innovative solutions and sharing knowledge with the developer community. With expertise in Microsoft 365, Azure, End-to-End testing, and Developer Tooling, and Productivity. I help teams build better software and deliver exceptional results.
The blog post about how to dynamically change the result sources in a search center was based on a solution that I created to show the duplicated results in a search center with JavaScript. A standard Search Center in SharePoint 2013 doesn’t show the duplicated results by default. You have two options to view the duplicates: Is to turn on the Show
Almost two months ago Pascal Van Vlaenderen asked a question on twitter if there’s a way to specify the Result Source in the QueryString (https://twitter.com/VanVlaenderenP/status/392920559853383680). Since that time, this question was on my to-do list to check this out. What I proposed back then, was to change the result source in the data provider object with JavaScript. This week I had
This is an extra post for the search refiner control series. In this post I’ll explain how you could build a search refiner control that makes use of ranges. The range operator can be used for the following search data types: DateTime Decimal Integer The out-of-the-box refiner controls use this range operator for its slider controls, but it can easily be used within your custom
On the 25th of January 2014, I’ll be speaking at the first SharePoint Saturday Stockholm (SPSSTHLM). This will also my first foreign speaker opportunity. Therefore, I would like to thank Hannah Swain, Matthias Einig, and Erwin van Hunen for giving me this opportunity by accepting my submission. The speakers line-up is amazing, it will be hard to choose which sessions to
A question I received a couple of days ago was if it would be possible to display the share action on a page like the action in the context menu of that page. Show image Share
I’m currently working on a migration project at a client. It’s a migration from SharePoint 2010 to 2013, which involves some re-development and branding. For the branding part, where this post focusses on, a couple of new page layouts needed to be created. The purpose of these page layouts is to replace the old versions, and to move from five
This post focusses on the creation process for a multi-value search refiner control. This control will be very much the same as the default multi-value refiner, but has a bit more flexibility, and gives you a good starting point for applying your own customizations. Default Multi-Value Refinement Control First let me tell you how the default multi-value search refiner control works.
In previous posts I showed you how you to build your own Search Control Refiners. This post will focus on the JavaScript methods that can be used for refinement. There are a couple of them, but when do you need to use which refiner method? I’ll split this post up in sections to describe the actions that can be achieved. JSON
In this blog post part of the search refiner control series, I’ll show how to create a dropdown search refiner control. To make it a bit special, I’ve added the functionality of showing the filters that were available before the results were refined. Show image
In the previous posts I explained how to create a new refiner control, but there is one search data type that needs some special attention. The search data type that will be explained in this post is the FileType. In this post I’ll show you the things that are so special about working with filetypes. Note: for this post I’ll use
In the previous post I explained how to create your first search refiner control template. The template that was created wasn’t that useful, because it missed the refinement actions. In this post I explain how to add these refinement actions to your template and what to do once results are refined. Note: For this post I’m going to use that display
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
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
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. The HTML
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
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
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
The next blog post describes how you can create a Load More Results link as the name itself describes, loads more results. The solution is created to be used in a Content Search WebPart. For this solution you will need to create a new Control Display Template (or you can append it to an existing one). The first thing to do is
The purpose of this post is to show you how you could use the Search Results WebPart to visualize dynamic data like the Content Search WebPart (CSWP). To help you in this process I created some cleaned up display templates so that it becomes a bit easier to create your own HTML markup in them. Note: this solution also works on
For my next blog post I needed to investigate how to use a custom Group Display Template for the Search Results WebPart. Unfortunately you can only set the Control Display Template and the Item Display Template in the Search Results WebPart properties. Show image
A few days ago a clever reader of my blog has informed me about a problem with the Create a ”% Complete” Progress Bar with JS Link in SharePoint 2013 solution. He told me that when you apply the JS Link JavaScript to the web part, the checkboxes task checkboxes are rendered as Yes / No values. I saw on
When examining the JS Link problem that was described in my previous blog post, I found a nifty piece of code. The code allows you to do an Ajax refresh for a single item row or for the item rows in the current view. This piece of code comes in handy when you have a custom actions that does an item
In SharePoint 2013 you have the functionality to create renditions for your images. This allows you to use the same image but with different dimensions in your design. Most of the information you find about this topic is most about using it for different devices, so that you can use a smaller version for a mobile device, and the default
A couple of months ago I wrote some posts about provisioning design files in SharePoint 2013 (display templates, none html design files). One thing I did not described is how you can provision your HTML master page and page layout design files. Most of the research (read time) was already done when I was trying to find out the best way
SharePoint Saturday Belgium 2013 is over, so that means we need to wait a whole year for the next one. This was again a successful edition, and want to thank everyone for making this event possible, especially the Biwug organisation. Here are my slides from this years session: Biwug presenation-spsbe33 from estruyf Files Here are the files I had created during the demo’s: CSWP Control
This week I noticed something strange when configuring a Search Results Web Part with a predefined query. The results were retrieved perfectly, but the sorting configuration was not doing what I defined. The search result web part was configured to get the documents from a specific site and sort them by the creation date. I had configured the search query in
Where is the breadcrumb in SharePoint 2013? There isn’t one out-of-the-box, but this post helps you to get one back. The out-of-the-box Seattle or Oslo master pages don’t have a breadcrumb located in their HTML markup. That makes navigating from sub-sites to their parent site difficult, if you have not set a good global navigation structure. This got me thinking about a
Now that sandbox solutions with code behind are deprecated in SharePoint 2013, we need to find new ways to provision content types and site columns to a site. One way to do it is to provision them via a PowerShell script, which is not a bad idea. Another way could be to provision them via a SharePoint app. If you have
Putting HTML design files in the SharePoint Master Page Gallery feels a bit like adding them into a mysterious black box, you don’t know exactly what is going to happen with them. This blog post covers my first experiences with provisioning Display Templates to the Master Page Gallery. The process of provisioning your design files is a bit trial and error when
When working with the new search centers in SharePoint 2013, the first thing that you will notice is that the title row is different compared with for example a standard Team Site. Show image Standard SharePoint
SharePoint 2013 got very social, everything can be tagged, followed, shared. But these new social features require some user adoption, and it could be that your client does not want to have this functionality. This is exactly what a client of us requested, they did not want to have the Follow and Share actions on their site and document libraries. Hiding the
When upgrading my clients’ page layouts from SharePoint 2010 to 2013, I stumbled on something annoying. The content of my page layouts was not being updated when I deployed a new version of my page layout solution. Everything seemed to be correct, because the file itself was correctly provisioned the first time. But when I made a change in one
Footers and SharePoint that was the starting point of this blog. Back in August 2010, I blogged about how to create a sticky footer for your SharePoint 2010 sites (blog post can be found here and here). Now it is time to upgrade this sticky footer solution to SharePoint 2013. For this sticky footer solution you will only need to add
New SharePoint versions can be challenging, especially when it comes to branding your sites. When you are in a migration process like me, you will probably have to re-do the branding to support the new functionalities. Assuming that everything will work like before can be really disappointing. There are a lot of new functionalities, which means that your design will
By default search suggestions are enabled on the default search boxes in SharePoint 2013. Show image Search Suggestions Server administrators are still able to manually add search suggestions via PowerShell, but the commands have been
Since SharePoint 2013 introduced the display templates, branding elements has been made a lot easier. Like for instance when you want to brand the search box on your site. In the previous versions you mostly started the job by overriding the standard CSS of SharePoint. This approach will still work, but there is now an easier way. You now have the
This week I started with a branding upgrade project from 2010 to 2013. Throughout this upgrade process I needed to customize the OOTB small search input box (the search box that is shown at the top right of the site). The requirements were the following: Changing the default text (change the “search this site” text); Allow query suggestions (this is enabled by default
Let's build together
Manage content in VS Code
Present from VS Code
