Below is a sample of the column. For some strange reason it does not work with Firefox or Safari on a Mac.
c.Bound(x => x.Active).Title("Active").Width(30).ClientTemplate("<center>#=Active ? 'Yes': 'No' #</center>").HtmlAttributes(new { style = "text-align:center;vertical-align: text-top;" });
Even when i just have this code still won't work.
c.Bound(x => x.Active).Title("Active").Width(30).HtmlAttributes(new { style = "text-align:center;vertical-align: text-top;" });
What happening is, if the row is active it says Yes or No or in the second line it will say true of false. When I click on the column to change the status a checkbox will appear. in either case. But when I try to mark it as checked or not checked it will go back to the text and won't allow me to chenge the status.
Any ideas how to fix it?
3 Answers, 1 is accepted
I tested checkbox column in mobile browsers as you described and it behaves as expected on my end. See the demo below and verify what the difference in your case is:
http://demos.telerik.com/aspnet-mvc/grid/editing
Regards,
Maria Ilieva
Telerik
Rank 1
I've never said Mobile browsers. I said on a Mac not iOS. Anyways, I have found a fix to the problem by using the following code with some additional JS.
c.Template(@<text></text>).ClientTemplate("<center><input type='checkbox' #= Active ? 'checked': '' # class='chkbx' /></center>").HeaderTemplate("<center><input type='checkbox' id='masterCheckBox' onclick='checkAll(this)' /> Active</center>").Width(20);
Excuse my previous misleading. I'm glad that you were able to fix the issue on your end. Do not hesitate to contact us back in case furtehr assistance is needed.
Regards,
Maria Ilieva
Telerik