Hide Available Refiners in SharePoint search refinement panel

Recently one of the customer had a strange request where the customer wanted to Hide “Available Refiners” in SharePoint search refinement panel.

The “Available Refiners” is available in “Drop Down” type refinement panel.

SharePoint Refinement Panel

When the refinement panel is being loaded, SharePoint executes a JavaScript function named AddPostRenderCallback. This would be available in the Refinement Display Template located under MasterPage/Search Gallery. The actual method looks like below code which is taken from O365.

To the above original code I made a small change so that “Clone all the elements” code executes only when user has selected a refiner.

To the above orignal code I added the following code to hide the “Available Refiners” option.

The above code will hide the “unSelGroup”‘s “Option Group” HTML to hide the Options for “Available Refiners”.

Final code would look like below.

End Result is following
Hidden Available Refiners Option Group

Leave a Reply

Your email address will not be published / Required fields are marked *