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.