Rad Listbox checkboxes don't check on Ipad 3, IOS 6.1.3, Safari

[IT]

I am seeing very erratic behavior in checkboxes on all RadListBoxes in my web application when viewed on Ipad 3, IOS 6.1.3, Safari browser.  I decided to see what I had done differently from the demos, and found this demo:  http://demos.telerik.com/aspnet-ajax/listbox/examples/functionality/checkboxes/defaultcs.aspx .

In this demo, the first time I touch a checkbox, it appears that nothing happens.  If I touch it again, it becomes checked.  However, when I click the "Get Checked Items" button, the checkbox becomes UN-checked again, and the demo code reports 0 checked items.  

This seems like a pretty substantial bug; it makes RadListBoxes with Checkboxes all but unusable.  I am seeing the same behavior in my own web application, and I am fairly desperate to be able to support this sort of UI element on IOS devices.

Help?

[Nencho]

Hello Peter,

We are aware of the problem and we are currently looking for a solution for it. However, the issue seems deeper than we though and we cannot provide you with an exact timeframe for it resolution. You could track our release history here, where the fix will be listed, once it is available.

Please excuse us for any inconveniences caused.

Regards,
Nencho
Telerik

[Tim Titchmarsh]

Hi guys

I hope you can give this max priority as its causing issues with our clients, at least some kind of workaround would be great news!

Thanks

[Peter Filipov]

Hi Tim,

We are going to do our best to fix that issue as soon as possible. When the fix is available we are going to inform you.

Regards,
Peter Filipov
Telerik

[IT]

Tim,

Just thought you'd like to know, we've recently built our own "CheckboxList" Control based on a heavily customized / stylized Telerik Rad GridView with a Checkbox Column.  For whatever reason, their Rad GridVew does not display the same issues as their ListBox control.

It took a good amount of work (as evidenced by the fact that I was reluctant to post this as a viable workaround until now) to get it fully functional as a CheckBox List, but if you're really up against a wall with your clients, it's a thought.

[Peter Filipov]

Hello,

The issue with the checkboxes under touch devices is fixed with Q3.2013. Let us know if you experience problems with the behavior of the control.

Regards,
Peter Filipov
Telerik

[Shailesh]

I have updated latest "RadControls for ASP.NET AJAX". I am still getting problem in IPad (RadListBox checkbox not working properly in IPad). I have tried following versions.

1) Telerik.Web.UI_2013_3_1114
2) Telerik.Web.UI_2013_3_1126
3) Telerik.Web.UI_2013_3_1203

Also I see other major issue which causes to my application and this change we need to do everywhere in the application. See following code used in .aspx page.

<telerik:GridBoundColumn DataField="Communication_ID" FilterControlAltText="Filter Communication_ID column" HeaderText="Communication" ReadOnly="True" SortExpression="Communication_ID" UniqueName="Communication_ID" Visible="False">

In above code I have used Visible="False" property. So I can hide that column when grid binds, but still I need that column vaule in server side. So I have done following code in server side.

Protected Sub RadGrid_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid.ItemCommand
If e.CommandName = RadGrid.EditCommandName Then
 Dim Communication_ID As String = CType(e.Item, GridEditableItem)("Communication_ID").Text
End If
End Sub

When I am accessing that column in the server side, I am getting
Communication_ID = "&nbps", I must have integer value instead of "&nbps". When I have replaced Visible="False" to Display="False" then its working fine. In earlier version Visible="False" was working fine.

But I don't want to do that changes from Visible to Display. I still need Visible property, because we need to do that kind of changes many places in our solution and much efforts required for testing.

Please fix both above issue (1-Ipad issue, 2-Visible property) and let me know for updates.

Thanks
Shailesh

[Angel Petrov]

Hello Shailesh,

Could you ensure that the mentioned dll files are correctly referenced in the project? If so could you please open a formal support ticket and provide us with a sample in which this problem can be observed.

As for the second issue described it is caused by a change we have integrated in order to optimize the performance. More information about it and possible solutions to the problem can be found in this sticky thread.

Regards,
Angel Petrov
Telerik

[Shailesh]

Hello Admin,

Yes I tried it with many times, also I used those dlls correctly. I just referenced new dlls in the bin folder of my project, then published the project on server. I verified those dlls on server bin path folder, its showing new versions of dlls. I noticed its working fine in Windows, android plateform correctly.

But its not working correctly in the MacOS -Ipad and IoS- Iphone. I can select the checkbox item from the RadListBox, but I can't not un-select the selected item from RadListBox, this is the major issue.

Also One more issue, I looked in the RadButton design has some slightly changed. At the top and bottom area of button, it showing some background image. Please check attached image with this post.

--
Shailesh

[Angel Petrov]

Hi Shailesh,

For the RadListBox issue I would like to ask you to open a formal support ticket and attach a runnable sample in which it replicates. That way we will be able to inspect it locally and try to determine what is causing the unwanted behavior.

Regarding the RadButton's issue - In Q3 2013 SP1 CSS improvements have been made that will allow using Bootstrap styles and Telerik controls on the same page. This improvement, however, caused two issues that affect the appearance of the RadButton in the following scenarios:

• The RadButton is used inside a RadDock. More information on the matter as well as a workaround can be found in this forum thread.
• The RadButton is used inside an ItemTemplate of GridTemplateColumn inside RadGrid. The following CSS workaround can be used:

<style>
    div.RadGrid input[type=checkbox],
    div.RadGrid input[type=radio] {
        background: none;
    }

    div.RadGrid input[type=checkbox],
    div.RadGrid input[type=radio],
    div.RadGrid .RadButton input {
        border: 0 none;
    }
</style>

Both RadButton's issues will be fixed for the official release as well as for the internal build.

Regards,
Angel Petrov
Telerik

[Shailesh]

Hello admin,

Thanks for reply, I will prepare runnable sample will post in separate ticket to replicate the issue for RadListBox.

For other issue, RadButton. I am not using RadButton in following way as you suggested.

• The RadButton is used inside a RadDock. More information on the matter as well as a workaround can be found in this forum thread.
• The RadButton is used inside an ItemTemplate of GridTemplateColumn inside RadGrid. The following CSS workaround can be used:

RadButton is just stand alone in <tr> tag in the html table. I have used style background: none; but button is going to transparent. Only text is visible of button.

--
Shailesh

[Danail Vasilev]

Hi Shailesh,

I have already replayed to the support ticket that was opened by you on the topic, so that we can continue our discussion there.

Regards,
Danail Vasilev
Telerik

[Dimitar]

Hello Shailesh,

I would like to inform you that the RadListBox issues reported for iOS are now fixed.
Those fixes will become available with the Service Pack 2 release of our controls in the end of January 2014.

Regards,
Dimitar
Telerik