iPad AjaxLoadingPanel problem

[SC]

Goodafternoon,

I’ve got a problem with a AjaxLoadingPanel display on the iPad (latest version -> safari browser)
 
What happens:
 
The page is divided in to two Panels:
* oPanelTop (containing information)
* oPanelAll (containing the listview)

A RadListView is being populated from serverside.
A listview item contains 1 image, inputfield, and one button

On the ItemCreated, listviewitem, event I’m linking the button, from listviewitem,  with the AjaxLoadingPanel and the oPanelTop.

code: RadAjaxManager2.AjaxSettings.AddAjaxSetting(oLinkButton, oPanelTop, oRadAjaxLoadingPanel);

Client side the oRadAjaxLoadingPanel is defined as follows:

<telerik:RadAjaxLoadingPanel runat="server" ID="oRadAjaxLoadingPanel" Transparency="30" Skin="" MinDisplayTime="2000">

    <div style="height: 70px; background-color: #EEEEEE;">

        <asp:Label ID="Label1" runat="server" Text="Adding…" />

    </div>

</telerik:RadAjaxLoadingPanel>

The page works well, as it supposed to be, on the following browsers:

IE8, IE9, FireFox, Chrome, Safari (desktop)

The page fails on Safari(iPad).
I get the feeling that on the ipad the button action is triggered twice, or something like that, because:

1^st time clicked on a button from listview => site response normaly (hiding AjaxLoadingPanel)
2^nd time clicked on a  button from (random) listviewitem =>

The page shows the transparent box over the oTopPanel (like first time). But then The transparent box darkens (2^nd AjaxLoadingPanel? Overlaying the existing visible ajaxloadingpanel) and after 2 seconds it lightens (disposing 1^st ajaxloadingpanel?), but then remains visible, making it unable to click the controls underneath it.

I Have already tried the following:

Serverside => create an AjaxSetting object with various options
ClientSite => Create the AjaxSetting separate from existing AjaxSetting (so things won’t mix up)

Non has the result I suspected.

The Problem is : AjaxLoadingPanel stays visible even after Displaytime has elapsed.
(only on iPad Safari)

Is there a way to solve this problem.

Thanks in advance.

[Marin]

Hello,

 Are you also able to reproduce the issue with the default setting of the RadAjaxLoadingPanel:

<telerik:RadAjaxLoadingPanel runat="server" ID="oRadAjaxLoadingPanel" Skin="Default">
</telerik:RadAjaxLoadingPanel>

 If the problem persists please open a formal support ticket and send us a sample runnable project that replicates the problem so we can test it on our side and provide you with appropriate answer.Regards,
Marin
the Telerik team

[SC]

Hi,

i've tried what you have suggested.
And the page works fine on the iPad aswell.

I have tried to add one setting each time.
untill i have found the problem.

the problem is with the attribute Transparency="30"
if i use my line of code without the Transparency="30" the page shows perfectaly on the iPad.

Perhaps you guys can debug now the problem.

kind regards

[Marin]

Hello,

 I check the AjaxLoadingPanel with the described setting but it was working normally in my case. Perhaps you have some additional setting or styles that affect this behavior and are not very well supported on mobile browsers. I will appreciate if you could open a formal support ticket and send us a sample page that reproduces the problem so we can investigate it our side.

Best wishes,
Marin
the Telerik team