Skip to main content

Create a Dropdown Search Refiner Control in Sharepoint 2013

 The default refiner controls templates are located in: Master Page Gallery / Display Templates / Filters (http://your-site/_catalogs/masterpage/Display Templates/Filters). I place my display templates in a separated project folder in the master page gallery. This way it's easier to find them and they stay grouped together.

Edit your Refinement webpart, and hit Choose Refiners.  Add the Department managed property as a refiner, and change its Display Template.  Note that this was the title we set in the HTML. 


Hit OK and save the page.  If you see a drop down in the refiners panel, 




Download

Download the complete search refiner control here: Custom Search Refiner Control Part 4.

Comments

Popular posts from this blog

SharePoint 2010 Branding: Change site actions and welcome menu arrows

Here's how you can do it. Hide the image and give our custom image element a background image. Look Like: .ms-viewselector-arrow {     background: transparent url('/PublishingImages/images/Arrow.png') no-repeat scroll 0 0;     height: 4px; /* height of the image */     width: 5px; /* width of the image */ } .ms-viewselector-arrow img {     display: none; }