Showing posts from March, 2016

Search Control Template with page size drop down

In OOB control template there is only 10 results per result able to view to the end user. The functionality would be handy if we provide such type of end user to change the result size itself.   

So the idea just place on drop-down at the top of the search result, when user changes the drop down it will change the size of the page.
To implement, we would require change the “Control_SearchResults.html” template only

Following are the steps to implement drop down in Control Search results.
Navigate to the search centerMap “<server:Port>\_catalogs\masterpage\Display Templates\Search”.Edit Control_SearchResults.html template.Look for <div id="Control_SearchResults"> div at the top of the div placed the below mentioned code.<!--#_ Type.registerNamespace('search.Results'); search.Results = function() { return { loadMoreResults: function (value) { // Loading more results ctx.DataProvider.set_resultsPerPage(value); ctx.DataProvider.issueQuery(); } } }();