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.
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
Back in October 2013 I wrote a post on how you could add your custom actions in a callout like this (Adding a custom action to a callout in SharePoint 2013): Show image Callout with a
The past weekend I went to the my second SharePoint Saturday UK. This year I was also presenting about how to take your display template skills to the next level. Apart from the wifi at the venue, everything was great. I heard that some speakers could not do their demo’s due to the internet connection. So Saturday morning I moved all
Last week I had an internal event where I did one of my new sessions: take your display template skills to the next level. One of the topics that I discuss during this session is how you can add sorting in your display templates. Note: this is something I blogged about a couple of months ago (How to add sorting in
The first thing when you create a new Office App is that you have to choose which type of app you want to create. You have the following app shape types you can choose of: Task pane Content Mail Show image
Some time ago I wrote a sample Office app made use of Azure Active Directory to get access to SharePoint resources. I experienced some different behaviour in my Office App between the online client (Outlook Web App) and the rich client. This post describes the behaviour I noticed when implementing Azure AD authentication in my Office App. Background information The implementation of
Some time ago I posted an article about how you can check in which context your mail APP has been opened in OWA or the Outlook rich client (read the post here). I needed that solution for a proof of concept mail app. The mail app is finished, so I wanted to go a step further and I also made the
These days a lot of my work is done in Office 365, but I have customers that are still working on an on-premises environment. Sometimes when switching back to an on-premises environment you could be surprised by things that are not (yet) available. This week I wanted to implement a link which goes directly to the site on which the search
For a colleague I did some checks on how the view selector rendering is achieved in lists and libraries. While digging through the code I found a very useful property, which is the ClientPivotControl.prototype.SurfacedPivotCount property. This property is used to define the amount of list views that are visible on the list view selector. The default property value is 3, which
Now that Delve is out, it is time to do some experiments with it. One of the things I wanted to test is if you can visualize results from Office Graph in your SharePoint search center. You can of course query data on the Delve page itself, but most of our users always go to the default SharePoint search center to
During the development for my proof of concept mail app, I needed to know in which context my app was running. By default you have the option to set the startpage for the desktop, tablet or mobile view (Set up a mail app for Outlook on tablets and mobile devices), but you do not have the option to change the
Microsoft is rolling out a new functionality to theme the suite bar or to top nav bar in Office 365. This may seem a simple functionality but can have an enormous change trough wards the branding of a company. A couple of my clients was waiting for this functionality to be released. Now they finally have the ability to change
In the previous post I showed you how to create a font scheme with custom web fonts. Now a lot of people (even me) are using the fonts from the Google Fonts gallery. Google works a bit differently compared to SharePoint font schemes. Google provides a CSS reference which you need to add to your HTML. 1<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>"> When you
Back in August 2012 I wrote a post about how you could create your own font scheme for SharePoint 2013 (you can find the post here). In the post I included an example font scheme with the required elements. One thing I did not cover in that post was how you could add your own custom web fonts into your
Today I launched the new design of the BIWUG website and the great thing is, it just runs on SharePoint public website of Office365. Which was quite challenging, because you do not have all the features available which you have in a normal publishing site. A couple of thing have been changed: Our name is one of the biggest changes. We are
For one of our company events later this month, I developed a demo OWA app which could add attachments to a mail. I used the following MSDN article to achieve this: Add and remove attachments to an item in a compose form in Outlook. In the article they give a good overview, but there is one little problem with the
Hover panels are one of the things that make the search experience in SharePoint 2013 a lot better, you instantly retrieve a more information about a search result. Like every other display template, the hover panel templates are easy to create. The difference with a hover panel templates is that they get referenced from within an item display template. This
Today I saw a lag in the loading of the new suite bar colors on one of my SharePoint site in Office 365. Show image Default suite bar
A couple of days ago I was talking with Mikael Svenson, he asked me what the $setResultItem function does. Because there is no information to be found on the internet, I wanted to share this information with everyone. This function can completly change the behaviour of your search center, so it is important to know what it does in your
It is very easy to create your own HTML display templates in SharePoint 2013, but one thing you probably miss the most, is intellisense and syntax highlighting for your JavaScript code. All the JavaScript code needs to be written in a HTML comment, which will eventually be normal JavaScript code when the HTML gets converted. One way you could solve the
The last posts were about integrating AngularJS into display templates, and how you could optimize the code. Once you start using the templating from AngularJS it is quite easy to add extra functionality to the templates. In this post I give you a couple of additions to the template created in the previous posts. Adding search functionality One of the simplest things
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,
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
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
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<mso:CustomDocumentProperties>2 <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>3 <mso:ManagedPropertyMapping msdt:dt="string">'Link URL'{Link URL}:'Path','Line 1'{Line 1}:'Title','Line 2'{Line 2}:','FileExtension','SecondaryFileExtension'</mso:ManagedPropertyMapping>4 <mso:MasterPageDescription msdt:dt="string">This Item Display Template will show a small thumbnail icon next to a hyperlink of the item title,
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.
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
An idea where I’m currently working on involves sorting of the search results in display templates. So I thought it would be interesting to share this information already. You will see that enabling sorting, won’t involve a lot of code. You just need to know what you need to do, before you can start sorting the results. How to implement it I
This post was something that has been on my to-do list for quite some time, and was also requested by a couple of people. So finally I found the time to work this out. Back in SharePoint 2010 and 2007 we could easily group the results in the Content Query Web Part, but this functionality isn’t included in the Content Search
A client of mine is currently undergoing a migration from SharePoint 2007 to 2013. An important part of their migration is a blog site. This blog is used all over the company to spread news to the colleagues. Everything went fine during the migration process of the blog, but from the moment they started testing the functionality they saw some
At the last moment, I was asked to speak on the SharePoint Saturday Netherlands. Someone canceled his speakers slot, and that way this opened up a place for me. This will also be my first SPSNL that I’ll attend, the previous years I always had a personal appointment planned (this year also but was cancelled, that was why my submission was
The ESPC this year was a blast, there were a couple of very good sessions, but the main reason was to meet some people in real life. There were a couple of very good after parties, like the AvePoint Red Part and the BIWUG SharePint we organised on Wednesday evening. During the ESPC14 I tried to take some pictures on each
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
During the creation process of a demo for my SharePoint Saturday Belgium session this year, I suddenly came up with the idea to automatically update or refresh results of a Content Search Web Part. This could be useful when you have dashboard pages and you want to keep showing the latest items retrieved from search. Eventually it doesn’t seem to
Some time ago I wrote a post about the missing Apps you can add zone (Missing the Apps you can add Zone When Adding a New App). The problem with it was that this zone becomes available once a particular element is found on the page. The element was placed on the page via the PlaceHolderPageTitleInTitleArea content placeholder. A couple of
XSLT and SharePoint 2013, didn’t thought I was going to use it now that we have display templates. Almost everything can be done with display templates and JavaScript these days, but you need to be careful that you don’t build everything with JavaScript, because it could slow down the client experience. Another thing about rendering with JavaScript is that the
Working with cross-site publishing in SharePoint can be fun, but it can also give you some headaches. One of the things were it can go wrong is the permissions, it all seems very simple just some clicking in the UI and you’re all set. That is correct, but what happens if it goes wrong? This week I had a couple
In the last two blog posts, I covered how you could check which managed properties are available for the catalog item and I also explained a problem with DateTime values. In this post I’ll cover the topic on how you could format the values on the client side. The reason I created this post, is because there isn’t much information available
Last week I was doing some experiments with the creation process of page layouts for a cross-site publishing site. After a couple tests with different types of data, I saw some weird behavior when using DateTime managed properties. The Catalog Item Reuse web part didn’t show the value for a managed property of DateTime type. The auto-created managed property for
I’m currently working on my first project that makes use of Cross-Site Publishing functionality from SharePoint 2013. One of the aspects is to create a couple of page layouts to visualise the managed properties from the catalog items. When you configure a catalog connection for the first time on your site, the category and catalog item pages will automatically be created.
This week I received a question from someone asking me about how you could retrieve the value from a lookup field in a JS Link field rendering file. Solution Retrieving the value from a lookup field is easier than it used to be when working with XSL in SharePoint 2007 / 2010. With the new ways of rendering your items / fields,
Once you’ve updated your environment with the Cumulative Update of December 2013, it could happen that you see the following errors popping up in your ULS logs: Format Exception: Input string was not in a correct format. The problem occurs if you provisioned your image renditions to the site collection via the PublishingImageRenditions.xml file. In that xml file you could specify
If I should describe the SharePoint Saturday Stockholm in one word, I would go for amazing. If you didn’t know that it was the first time that this event was organised, you would have said that the team: Hannah Swain, Matthias Einig, and Erwin van Hunen did this already a couple of times. Therefore I would like to thank the whole
Show image SharePoint Saturday Belgium The BIWUG board is proud to announce a new edition of SharePoint Saturday Belgium! The event takes place on Saturday - of course - April 26th at the same location
This week a client mentioned an issue when they want to add new apps to their sites. The issue is that they do not see the Apps you can add zone on the app creation page (your-site/_layouts/15/addanapp.aspx). They only see the Noteworthy apps: Show image
Let's build together
Manage content in VS Code
Present from VS Code
