This is a migrated thread and some comments may be shown as answers.
Scheduler Scroll Position Shift (jump)
8 Answers 51 Views
This is a migrated thread and some comments may be shown as answers.
Felipe Saldana
Top achievements
Rank 1
Felipe Saldana asked on 03 Mar 2010, 05:32 PM
I am stumped on this one.

<%@ Page Language="C#" AutoEventWireup="true"  %> 
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
 
 
<html xmlns="http://www.w3.org/1999/xhtml"
<head runat="server"
    <title></title
 
    <style type="text/css"
 
        .rsToday, .rsDatePickerActivator 
        { 
            visibility:hidden !important; 
        } 
    </style> 
</head> 
<body> 
             
    <form id="form1" runat="server"
     
    <asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager> 
 
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
        <AjaxSettings>             
 
            <telerik:AjaxSetting AjaxControlID="scheduler"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="scheduler" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting>             
 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
 
    <table cellpadding="0" cellspacing="0" border="1"
 
        <tr><td style="height:900px"></td></tr
 
        <tr> 
            <td> 
                <telerik:RadTextBox ID="txt" runat="server"></telerik:RadTextBox> 
                <asp:RequiredFieldValidator ID="val" runat="server" ControlToValidate="txt" Text="*" ErrorMessage="" Display="Dynamic" InitialValue="1"></asp:RequiredFieldValidator> 
            </td> 
        </tr> 
         
        <tr> 
            <td> 
                <telerik:RadScheduler runat="server" ID="scheduler" SelectedView="MonthView" DataRecurrenceField="none" DataRecurrenceParentKeyField="none" DataKeyField="none" DataSubjectField="none" DataStartField="none" DataEndField="none"
                </telerik:RadScheduler> 
            </td> 
        </tr> 
    </table> 
 
    </form> 
</body> 
</html> 
 


On a very tall page, scroll to the bottom of the page then change the month in the scheduler. I have found that in IE, Safari, and Chrome the entire page will shift (jump) to the top of the page changing the scroll position. Then after a pause set the focus back on the scheduler.

The strange part is that if I take out the RequiredFieldValidator the page does not shift (jump). Rather the month changes and the page stays at the same scroll position.

Can a single RequiredFieldValidator truly be causing the bug?

Any help would be appreciated.

Thanks,

Felipe


8 Answers, 1 is accepted

Sort by
0
Felipe Saldana
Top achievements
Rank 1
answered on 05 Mar 2010, 07:03 PM
Anyone?
0
Felipe Saldana
Top achievements
Rank 1
answered on 08 Mar 2010, 03:22 PM
wow..... no one else has ran into this issue?
0
Peter
Telerik team
answered on 09 Mar 2010, 04:12 PM
Hello Felipe,

Thank you for reporting this issue along with a code sample. We have verified that there is indeed such a problem, so we have logged it and try to resolve it shortly. Please, excuse us for any the caused inconvenience.


Regards,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Felipe Saldana
Top achievements
Rank 1
answered on 09 Mar 2010, 04:31 PM
Thank you. I await your response.


Thanks,

Felipe
0
Dimitar Milushev
Telerik team
answered on 12 Mar 2010, 03:38 PM
Hello Felipe,

The RequiredFieldValidator inserts a bit of Javascript near the end of the page that is executed when the page is still being parsed by the browser, even before client components (like RadScheduler) begin initializing. This slows the parsing of the page slightly which results in the visible 'jump' of the scroll position. Unfortunately, there is not much we can do in this case.



Sincerely yours,
Dimitar Milushev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
prabha
Top achievements
Rank 1
answered on 23 Dec 2010, 03:10 AM
Hi ,

   Is there any solution for this problem .I am also suffered lot for this one .
Please give any solution ...

Thanks
Prabha
0
Kamen Bundev
Telerik team
answered on 28 Dec 2010, 03:29 PM
Hi Prabha and Felipe,

We managed to track down this issue. Seems when RequiredFieldValidator checks if the value is valid doesn't check if it handles the correct event and reverts the navigate prevention of RadScheduler header tabs. To fix this add this function to your script, it should override the original one and will not revert the event return value if it has been canceled:
function ValidatorCommonOnSubmit() {
    Page_InvalidControlToBeFocused = null;
    var result = !Page_BlockSubmit;
    if ((typeof(window.event) != "undefined") && (window.event != null) && window.event.returnValue) {
        window.event.returnValue = result;
    }
    Page_BlockSubmit = false;
    return result;
}

Unfortunately there's not much we can do to prevent this issue in our controls since it happens outside of their scope.

Best wishes,
Kamen Bundev
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
prabha
Top achievements
Rank 1
answered on 29 Dec 2010, 03:15 AM
Hi Kamen Bundev ,
    Thank you so much .It works for me .

Thanks
prabha

Asked by
Felipe Saldana
Top achievements
Rank 1
Answers by
Felipe Saldana
Top achievements
Rank 1
Peter
Telerik team
Dimitar Milushev
Telerik team
prabha
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or