This is a migrated thread and some comments may be shown as answers.

UpdateProgress stops working in Safari with DateTimePicker

12 Answers 138 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

12 Answers, 1 is accepted

answered on 10 May 2008, 06:50 AM

DateTimePickerInMultiViewLoading.zip

Hello Philip,

Unfortunately I cannot access the project. I tested the scenario and it seems to be functioning properly, though. You can find my test sample attached. I've used the latest official Q1 2008 version and checked that in Safari as well.

Do you get the problem with the attached sample? Can you reproduce that modifying it? You can also submit a support ticket from your Client.NET account where attachments are allowed or just list the differences. We will get back to you with our findings, thank you!

Kind regards,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 11 May 2008, 01:42 PM

I appologize for the bad link provided in the first post. I'm not sure why it didn't work for you. Attached is the code from the project.

Default.aspx

    
            <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0  , Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
        
                Namespace="System.Web.UI" TagPrefix="asp" %> 
        
            <%@ Register Src="UserControl1.ascx" TagName="UserControl1" TagPrefix="uc1" %> 
        
            <%@ Register Src="UserControl2.ascx" TagName="UserControl2" TagPrefix="uc2" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
                <style type="text/css">  
        
                .overlay  
        
                {   
        
                    z-index: 110;  
        
                    background-color:blue;  
        
                    color:red;  
        
                    position: absolute;  
        
                    top: 0px;  
        
                    left: 0px;  
        
                    width: 160px;  
        
                    height: 100px;  
        
                    background-repeat:repeat;  
        
                    position:fixed;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager> 
        
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                    <ContentTemplate> 
        
                        <div> 
        
                        <p><b>Problem:</b> Under Safari for Windows - Version 3.1.1 (525.17) - there is a problem with using the UpdateProgress control and the Telerik DateTimePicker control. The UpdateProgess control does not go away when showing a view with the DateTimePicker on it.</p> 
        
                        <br /> 
        
                        <p><b>Example:</b> Press this button to show the blank view. Notice everything runs correctly and the progress panel goes away when the click event is finished.</p> 
        
                        <asp:LinkButton id="btnShowBlank" runat="server" Text="Show No Controls" OnClick="btnShowBlank_Click" /> 
        
                        <br /> 
        
                        <p><b>Example:</b> Press this button to show the a view with a user control containing a textbox. Notice everything runs correctly and the progress panel goes away when the click event is finished.</p> 
        
                        <asp:LinkButton id="btnShowUC1" runat="server" Text="Show Working User Control" OnClick="btnShowUC1_Click" /> 
        
                        <br /> 
        
                        <p><b>Bug?:</b> Press this button to show the a view with a RAD DataTimePicker control. Notice it does not run correctly. The progress panel never goes away.</p> 
        
                        <asp:LinkButton id="btnShowUC2" runat="server" Text="Show Non-Working RAD Control" OnClick="btnShowUC2_Click"/>  
        
                        <br /> 
        
                        <br /> 
        
                        <asp:MultiView id="mvMain" runat="server" ActiveViewIndex="0">  
        
                            <asp:View ID="viewBlank" runat="server">  
        
                            </asp:View> 
        
                            <asp:View ID="viewUC1" runat="server">  
        
                                <uc1:UserControl1 ID="UserControl1_1" runat="server" /> 
        
                            </asp:View> 
        
                            <asp:View ID="viewUC2" runat="Server">  
        
                                <uc2:UserControl2 ID="UserControl2_1" runat="server" /> 
        
                            </asp:View> 
        
                        </asp:MultiView> 
        
                        </div> 
        
                    </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
                    <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" runat="server" DisplayAfter="1">  
        
                    <ProgressTemplate> 
        
                        <div class="overlay">  
        
                            UpdateProgress. Please Wait...  
        
                       </div> 
        
                    </ProgressTemplate> 
        
                      </asp:UpdateProgress> 
        
               </form> 
        
            </body> 
        
            </html>

Default.aspx.cs

    
            using System;  
        
            public partial class _Default : System.Web.UI.Page   
        
            {  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {  
        
                }  
        
                protected void btnShowBlank_Click(object sender, EventArgs e)  
        
                {  
        
                    DoWork();  
        
                    mvMain.SetActiveView(viewBlank);  
        
                }  
        
                protected void btnShowUC1_Click(object sender, EventArgs e)  
        
                {  
        
                    DoWork();  
        
                    mvMain.SetActiveView(viewUC1);  
        
                }  
        
                protected void btnShowUC2_Click(object sender, EventArgs e)  
        
                {  
        
                    DoWork();  
        
                    mvMain.SetActiveView(viewUC2);  
        
                }  
        
                private static void DoWork()  
        
                {  
        
                    int count = 0;  
        
                    while (count < 8)  
        
                    {  
        
                        System.Threading.Thread.Sleep(500);  
        
                        count++;  
        
                    }  
        
                }  
        
            }

UserControl1.ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControl1.ascx.cs" Inherits="UserControl1" %> 
        
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

UserControl2.ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControl2.ascx.cs" Inherits="UserControl2" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server">  
        
                <Calendar CellAlign="Center" CellVAlign="Middle" DayNameFormat="FirstLetter" FirstDayOfWeek="Default" 
        
                    MonthLayout="Layout_7columns_x_6rows" Orientation="RenderInRows" TitleAlign="Center">  
        
                </Calendar> 
        
            </telerik:RadDateTimePicker>

answered on 12 May 2008, 08:20 AM

Hello Philip,

Thank you for the problematic code. I was able to verify the issue myself, but I'm not sure what might be causing the problem.

You can use RadAjax (Panel or Manager) along with RadAjaxLoadingPanel instead. Here is a similar markup:

    
                    <asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>  
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                        <ajaxsettings> 
        
                            <telerik:AjaxSetting AjaxControlID="Panel1"> 
        
                                <updatedcontrols> 
        
                                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </updatedcontrols> 
        
                            </telerik:AjaxSetting> 
        
                        </ajaxsettings>       
        
                    </telerik:RadAjaxManager> 
        
                    <asp:Panel ID="Panel1" runat="server"> 
        
                        <p><b>Problem:</b> Under Safari for Windows - Version 3.1.1 (525.17) - there is a problem with using the UpdateProgress control and the Telerik DateTimePicker control. The UpdateProgess control does not go away when showing a view with the DateTimePicker on it.</p>  
        
                        <br />  
        
                        <p><b>Example:</b> Press this button to show the blank view. Notice everything runs correctly and the progress panel goes away when the click event is finished.</p>  
        
                        <asp:LinkButton id="btnShowBlank" runat="server" Text="Show No Controls" OnClick="btnShowBlank_Click" />  
        
                        <br />  
        
                        <p><b>Example:</b> Press this button to show the a view with a user control containing a textbox. Notice everything runs correctly and the progress panel goes away when the click event is finished.</p>  
        
                        <asp:LinkButton id="btnShowUC1" runat="server" Text="Show Working User Control" OnClick="btnShowUC1_Click" />  
        
                        <br />  
        
                        <p><b>Bug?:</b> Press this button to show the a view with a RAD DataTimePicker control. Notice it does not run correctly. The progress panel never goes away.</p>  
        
                        <asp:LinkButton id="btnShowUC2" runat="server" Text="Show Non-Working RAD Control" OnClick="btnShowUC2_Click"/>   
        
                        <br />  
        
                        <br />  
        
                        <asp:MultiView id="mvMain" runat="server" ActiveViewIndex="0">   
        
                            <asp:View ID="viewBlank" runat="server">   
        
                            </asp:View>  
        
                            <asp:View ID="viewUC1" runat="server">   
        
                                <uc1:UserControl1 ID="UserControl1_1" runat="server" />  
        
                            </asp:View>  
        
                            <asp:View ID="viewUC2" runat="Server">   
        
                                <uc2:UserControl2 ID="UserControl2_1" runat="server" />  
        
                            </asp:View>  
        
                        </asp:MultiView>  
        
                        </div>  
        
                    </asp:Panel> 
        
                    <telerik:RadAjaxLoadingPanel id="RadAjaxLoadingPanel1" runat="server" Transparency="30"> 
        
                        <div class="overlay">   
        
                            Loading. Please Wait...   
        
                       </div>  
        
                    </telerik:RadAjaxLoadingPanel>

Sincerely yours,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 12 May 2008, 12:04 PM

Thank you for your reply.

This works better in the sense the loading panel goes away but after the loading panel goes away clicking on the calendar or time popup buttons does not work (still with safari).

Another interesting observation is I tried using the telerik ajax manager, panel and loading panel controls earlier and still had the same problem. Below is the code I originally used to try using the telerik controls which still shows the problem with the loading panel not going away.

    
            <asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager> 
        
                    <telerik:RadAjaxManager ID="ajaxManager" runat="server">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="btnShowBlank">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="panel1" LoadingPanelId="UpdateProgress1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                             <telerik:AjaxSetting AjaxControlID="btnShowUC1">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="panel1" LoadingPanelId="UpdateProgress1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                             <telerik:AjaxSetting AjaxControlID="btnShowUC2">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="panel1" LoadingPanelId="UpdateProgress1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                <telerik:RadAjaxLoadingPanel ID="UpdateProgress1" runat="server">  
        
                    <div class="overlay">  
        
                           UpdateProgress Control.<br /> Please Wait...  
        
                    </div> 
        
                </telerik:RadAjaxLoadingPanel> 
        
                      <telerik:RadAjaxPanel ID="pnl" runat="server">  
        
                        <div> 
        
                        <p><b>Problem:</b> Under Safari for Windows - Version 3.1.1 (525.17) - there is a problem with using the UpdateProgress control and the Telerik DateTimePicker control. The UpdateProgess control does not go away when showing a view with the DateTimePicker on it.</p> 
        
                        <br /> 
        
                        <p><b>Example:</b> Press this button to show the blank view. Notice everything runs correctly and the progress panel goes away when the click event is finished.</p> 
        
                        <asp:LinkButton id="btnShowBlank" runat="server" Text="Show No Controls" OnClick="btnShowBlank_Click" /> 
        
                        <br /> 
        
                        <p><b>Example:</b> Press this button to show the a view with a user control containing a textbox. Notice everything runs correctly and the progress panel goes away when the click event is finished.</p> 
        
                        <asp:LinkButton id="btnShowUC1" runat="server" Text="Show Working User Control" OnClick="btnShowUC1_Click" /> 
        
                        <br /> 
        
                        <p><b>Bug?:</b> Press this button to show the a view with a RAD DataTimePicker control. Notice it does not run correctly. The progress panel never goes away.</p> 
        
                        <asp:LinkButton id="btnShowUC2" runat="server" Text="Show Non-Working RAD Control" OnClick="btnShowUC2_Click"/>  
        
                        <br /> 
        
                        <br /> 
        
                        <asp:MultiView id="mvMain" runat="server" ActiveViewIndex="0">  
        
                            <asp:View ID="viewBlank" runat="server">  
        
                            </asp:View> 
        
                            <asp:View ID="viewUC1" runat="server">  
        
                                <uc1:UserControl1 ID="UserControl1_1" runat="server" /> 
        
                            </asp:View> 
        
                            <asp:View ID="viewUC2" runat="Server">  
        
                                <uc2:UserControl2 ID="UserControl2_1" runat="server" /> 
        
                            </asp:View> 
        
                        </asp:MultiView> 
        
                        </div> 
        
                        </telerik:RadAjaxPanel>    
        
                        <asp:Panel ID="panel1" runat="server" />

Accepted

answered on 23 May 2008, 12:21 PM

Hello Philip,

We just found that this issue is related to default ASP.NET AJAX ScriptManager. Please replace the standard ScriptManager with RadScriptManager to resolve this issue. Here is an example:

        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="ajaxManager" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Button1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadDatePicker1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <asp:Button ID="Button1" Text="Click me!" runat="server" OnClick="Button1_Click" />
        <telerik:RadDatePicker ID="RadDatePicker1" Visible="false" runat="server">
        </telerik:RadDatePicker>

...
    protected void Button1_Click(object sender, EventArgs e)
    {
        RadDatePicker1.Visible = !RadDatePicker1.Visible;
    }
...

Let me know how it goes.

Greetings,
Vlad
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

UpdateProgress stops working in Safari with DateTimePicker

12 Answers, 1 is accepted