#OpenToWork Available for new opportunities! Let's build something amazing together.

Get in touch

Archive for 2013

archy

View Duplicate Results in the SharePoint 2013 Search Center via JavaScript

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:

Read more

Dynamically Changing the Result Source in a SharePoint 2013 Search Center

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.

Read more

Part 7: Working with Ranges in the Search Refiner Control

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 refiner.

Read more

Speaking at SharePoint Saturday Stockholm 2014 – #SPSSTHLM

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 follow.

Read more

Show the Share Action on your Page Layouts

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 Action Solution The solution for this is really simple, all you need to do is creating a hyperlink on the page layout and use a JavaScript function call in the href attribute for the click event.

Read more

The Page Cannot be switched to Another Page Layout

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 almost completely the same page layouts to only one page layout.

Read more

Part 6: Create a Multi-Value Search Refiner Control

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.

Read more

Part 5: The Search Refiner Control Methods Explained

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.

Read more

Part 4: Create a Dropdown Search Refiner Control

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 Mockup Note: for this post I start with the file I created in part 2 of this series.

Read more

Part 3: Working with File Types in the Search Refiner Control Template

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.

Read more

Part 2: Adding Refinement Actions to the Custom Search Refiner Control

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.

Read more

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

How to Define a Custom Group Display Template (GroupTemplateId) for the Search Results WebPart via JavaScript

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 Display Template Settings Search Results WebPart If you want to specify the group display template, you have two options:

Read more

Ajax Refresh Item Row(s) in a SharePoint 2013 View

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 update and only want to update the current item or the list of items.

Read more

Provision Image Renditions to your SharePoint 2013 Site

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 one for a desktop.

Read more

Provision Your HTML Designs (Master Pages / Page Layouts) to SharePoint 2013

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 to provision display templates.

Read more

Transform the “SharePoint” Suite Bar Text into a Breadcrumb with PowerShell

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.

Read more

Provisioning Site Columns and Content Types via a SharePoint App

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.

Read more

How to Provision Display Templates in SharePoint 2013

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 you are not using the design manager.

Read more

Display the Title Row (Top Navigation) in the Search Centers of SharePoint 2013

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 2013 Title Row Show image Search Center Heading - Title Row is Hidden As you can see, the title row (red box) where the top navigation should be, is replaced by the search icon and search box (orange box).

Read more

How to Provision Your Design Files in SharePoint 2013

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.

Read more

Sticky Footer Solution for SharePoint 2013

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.

Read more

Search Hover Panel Positioning Bug in non IE Browsers (SharePoint 2013)

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 also need to support these functionalities.

Read more

Adding Custom Search Suggestions in SharePoint 2013

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 changed a little. Check out the following blog post how to do it in SharePoint 2010.

Read more

Branding the Search Box in SharePoint 2013

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.

Read more

Replacing the OOTB Small Search Input Box in SharePoint 2013

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 in 2013); Change the result page address.

Read more
Back to top