UpdateProgress stops working in Safari with DateTimePicker

13 posts, 1 answers
  1. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 28 Apr 2008 Link to this post

    I'm having a small problem in Safari for Windows (3.1.1) trying to use the DateTimePicker control in a MultiView View while using the UpdateProgress control. Whenever the view with the DateTimePicker is shown the UpdateProgress message never goes away. Does anyone have any ideas on how to resolve this?


    I've tried this with the latest download able version but it still does the same thing.

    [Project reference deleted by Telerik staff]
  2. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 30 Apr 2008 Link to this post

    Just so you know, I tried updating the sample project to use the RadAjaxPanel and RadAjaxLoadingPanel instead of the asp UpdatePanel and UpdateProgress controls and it still has the same problem.

    Also, this problem appears in Safari for Mac as well.
  3. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 09 May 2008 Link to this post

    I just wanted to follow up and see if there was any information about this issue.
  4. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 10 May 2008 Link to this post

    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
  5. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 11 May 2008 Link to this post

    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> 
  6. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 12 May 2008 Link to this post

    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
  7. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 12 May 2008 Link to this post

    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" /> 

  8. Answer
    Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 17 May 2008 Link to this post

    Hello Philip,

    Unfortunately you are right about this issue however we are still unable to locate what is causing this weird problem. I will to let you know once we have fix for this.

    Sincerely yours,
    Vlad
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  9. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 19 May 2008 Link to this post

    Thank you for the information.
  10. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 23 May 2008 Link to this post

    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
  11. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 23 May 2008 Link to this post

    I've tested out your recommendation and it resolves the issues I was seeing in my test project.

    Is this something you will be looking into resolving so the standard ScriptManager will work or will it be a requirement to use the RadScriptManager?
  12. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 26 May 2008 Link to this post

    Hi Philip,

    I suspect that this issue is related to the number of scripts on the page which are appended after ajax call. It seems that there are some kind of limitation in the Safari browser and this can be workarounded only with RadScriptManager which will combine all scripts to single script reference.

    Kind regards,
    Vlad
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  13. Philip
    Philip avatar
    22 posts
    Member since:
    Apr 2008

    Posted 27 May 2008 Link to this post

    Thank you for the follow-up information. I appreciate the help you provided on this issue.
Back to Top