Hi,
I am presenting a mixture of igGrid and igDataChart controls on a dashboard. I have been trying to get single cell selection working for iOS devices (works fine on PCs + Win 8 metro) and have managed to get this working by referencing the jquery.mobile.custom.js file that comes with the IG samples (standard versions of jQuery mobile do not work). However, referencing this script then breaks any igDataCharts on the page, and this can be easily re-produced by modifying one of the IG chart samples and simply adding a reference to the custom jQuery mobile script.
All I want is to do is enable basic cell selection on iOS and have grids presented with charts on the same page. Can someone please advice how this can be accomplished?
Regards,
Chris
Hi Chris,
Are you saying that you are loading both jQuery UI and jQuery Mobile script references at the same time? I am afraid this isn't officially supported and there are compatibility issues with that.
On the other hand, if you aren't referencing jQuery Mobile, igGrid and igChart should work fine in Safari for iOS, this could be a bug. We will investigate and let you know.
Thanks,
Angel
Hi Angel,
If you take a look at your Ignite UI samples you can easily recreate this issue by looking at CellSelection.html and CategorySeries.html for the grid and chart respectively. Both of these files reference jQuery & jQuery UI and the CellSelection.html file also references jquery.mobile.custom.js, a modified version of jQuery mobile that appears to be required to support cell selection in the grid. If you add a reference to jquery.mobile.custom.js to the CategorySeries.html file you will see the chart will not render. I need to find out how I can get charts and grids on the same page to work together, providing full functionality for my users.
Hello Chris,
jquery.mobile.custom.js is basically the part of jQuery Mobile required by igGrid Selection to enable the touch drag select feature of the control. If you do not need this feature (the ability to select multiple cells by a touch and drag gesture) you do not need to reference jquery.mobile or jquery.mobile.custom. If the very basic single cell selection is not working however, that's something we'll have to investigate further as I cannot reproduce the issue. Please, make sure you have the latest service release for the version you are using and if the problem persists, please provide us more information about your igGrid setup.
As Angel already pointed, jQuery Mobile is not compatible with jQuery UI and while jquery.mobile.custom was created in attempt to limit the possible implications of referencing them together, the behavior of jQuery UI controls may still be altered. In this specific case we'll investigate further what exactly is causing the issue with igDataChart and if it can be changed to work in conjunction with jquery.mobile.custom.
Best regards,
Stamen Stoychev