Skip to main content

Create a Dropdown Search Refiner Control in Sharepoint 2013

By
 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

Post a Comment

Popular posts from this blog

SharePoint 2013 - Suggested Content Browser Locations

By
In SharePoint Site collection, we can configure “Suggested Content Browser Locations” to access the directories easily. When we configure these locations, we can see them as drop down to the users when we select the content SharePoint. To view this link, we need to activate the publishing feature. We can configure suggested content browser location at site collection level. To configure suggested content browser locations, navigate to Site Settings, in the Site Collection Administration section, click on “Suggested Content Browser Locations” link. We can see the list. Click on new item to create new suggested location link. To check the suggested content browser location navigates to any page, edit the page. Select Insert option. In the Select Asset dialog, We can see the Suggested link drop down as shown the image below.
Post a Comment
Read more

Accordion "Left Navigation" (Quick Launch) for SharePoint 2013

By
For Expand/collapse "Left Navigation (Quick Launch) for sharepoint 2013 Copy the below code and paste in Master page jQuery(document).ready(function () {  /*set dynamic css logic*/  if($('#sideNavBox .menu-item.selected').length){   //propagates the selected class, up the three.   $('li.static').removeClass('selected');   $('#sideNavBox .menu-item.selected').parents('li.static').addClass('selected');   //collapses top siblings of selected branch   $('#sideNavBox .menu-item.selected').parents('li.static').last().siblings()    .find('> ul').hide();  }  else $('#sideNavBox .root.static > li.static > ul').hide();  /*set accordion effect*/  $('#sideNavBox .root.static > li.static').each(function(){   if($(this).find('ul').length){    $(this).addClass('father').click(function(){     if($(this).children('ul').css('display')...
1 comment
Read more