Skip to main content

Scroll to Top Search Result Page

Image
By
“Scroll to Top Search Result Page” issue encounter while working with one of our client. Client has customized 2013 search center with branding (that includes all custom master page and layout pages) and because of this customization the scroll to top “OOB” functionality stop working.

I have search a lot but only find one blog related to this issue, I need to must say thanks to this post help me to investigate on it.

As per this blog you can enable this two ways.
  • Web Part property to set “ScrollToTopOnRedraw” option to true. ( I checked by default it true for our ‘.webpart’ webpart.
  • Update OOB Control template “Control_SearchResults.html” template and put “ctx.ClientControl.set_scrollToTopOnRedraw(true)” function at the top of Srch.U.shouldAnimate(ctx.DataProvider))condition. Below is the code snippets. 
<div id="Control_SearchResults">
ctx.ClientControl.set_scrollToTopOnRedraw(true); 
if (Srch.U.shouldAnimate(ctx.DataProvider))
{
Srch.U.hideElement(ctx.ClientControl.get_element());
ctx.OnPostRender = function(){ Srch.U.animateResults(ctx.ClientControl, ctx.DataProvider.get_userAction()); };
}
I have checked both options but it not working at my end. I did slight modify the template code. I used the javascript “window.scrollTo(0, 0);”method rather than OOB “ctx.ClientControl.set_scrollToTopOnRedraw(true)” function and its works for me.

Here is the actual code that works for me.

<div id="Control_SearchResults">
<!--#_ //scroll to top 
window.scrollTo(0, 0); 
if (Srch.U.shouldAnimate(ctx.DataProvider))
{ 
Srch.U.hideElement(ctx.ClientControl.get_element()); 
ctx.OnPostRender = function()
{ 
Srch.U.animateResults(ctx.ClientControl, ctx.DataProvider.get_userAction()); 
};
}
Labels:

Comments

Post a Comment

Popular posts from this blog

SharePoint RPC Protocols Examples Using OWSSVR.DLL

By
What is SharePoint RPC Protocols? Part 1 This reference includes information about the methods and usage of SharePoint Foundation Remote Procedure Call (RPC) protocol. This protocol can be used in Win32-based applications or in ASPX applications to make HTTP POST requests to the server. Methods in this protocol that do not modify the contents of the database can also be used in URL protocol to make HTTP GET requests. Definition taken from http://msdn.microsoft.com/en-us/library/ms448359.aspx You will find the OWSSVR.DLL in SharePoint 2010 Server Physical Path: C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\ISAPI and MOSS C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\ISAPI OWSSVR.DLL List of commands DialogView  Display ExportList GetProjSchema GetUsageBlob HitCounter RenderView To read more about the OWSSVR.DLL command Please read the URL Protocol from Microsoft Blog having a URL http://msdn.microsoft.com/en...
1 comment
Read more

SharePoint 2013 CTX variable and its function part 1

By
In this post going to show you some of the useful Utility Functions that might be useful for you while working with search display template. I used most of the functions MSDN Link: https://msdn.microsoft.com/EN-US/library/office/dn768285.aspx CTX Function Part 2   CTX Function Part 3 CTX: In Display template CTX variable is responsible for returning the all the managed properties and other DOM elements. Utility Functions String Functions: For checking Null, Undefined & empty values  Srch.U.w(str): Indicates whether the given string is null, undefined, or empty. $isNull(str): Checking for Null Srch.U.n(str): Indicates whether the given object is null or undefined. $isEmptyString(str) : Checking for an empty string Srch.U.e(str): Indicates whether the string is null or empty. Array Functions: Split & other array related operations Srch.U.getArray(property): Splits the string into an array of strings using the semi colon (";") as a s...
Post a Comment
Read more

Send Email using SharePoint Rest API

By
We have a requirement to send email vai SharePoint Rest API. We dig and find the below solution to send email using SharePoint API. Point Must be remember End point " /_api/SP.Utilities.Utility.SendEmail " end point to send email.  In JSON __metadata we used the type " SP.Utilities.EmailProperties ". The User / Group must have a read permission for particular site. where we placed this site code. JS Dependency  JQuery Code URL:  https://gist.github.com/BasantPandey/05189832546f2c6cc0bd008fcfec3264#file-sharepointsendemail-js Code  var Email = function (){ // Email Either email groupname or email address var from = ' abc.yahoo.com ' , to = ' abc.yahoo.com ' , cc = ' abc.yahoo.com ' , subject = ' My Email Subject ' ; this . options = this . options || {}; this . options [ ' fromEmail ' ] = this . options [ ' fromEmail ' ] || {}; this . options [ ' toEmail ...
Post a Comment
Read more