Goodmorning,
i use IgniteUI Controls on ASP.NET MVC Project , with Bootstrap Framework. The igGrid in a boostrap container fits perfect and when resize the Browser does it's job good with the responsive UI. How can i achieve that with the igDataChart?I want the Chart to fit in a bootstrap container and resize when i resize the browser in order to make a responsive UI screen in my application.
Thanks in advance,
Ilias
Hi LLias,
Thank you for using Infragistics` IgniteUI!
What you want can be achieved but in slightly different approach. The igDataChart is in a "canvas" element so it is not resized the way igGrid is when using Bootstrap.
The easiest way to go around this is by placing the Chart inside a container element and setting this container`s dimensions in percent (%) and not in pixels (px). The Chart`s width and height options should be also set in percent.
I hope this help.
If you have any issues implementing it - don`t hesitate to ask.
Regards,
Alexander Marinov - Associate Software Engineer in Test
yesterday i tried this approach : container with % dimensions, chart with % dimensions, the width was OK but the height was 1px. So i set the height with constant size on Js and on window resize event, i change the size of chart height. I think that happens because bootstrap spans gives width to their elements but not height!
Thanks for your answer :)
Hello LLias,
Please do not hesitate to contact us if you have any further queries regarding this matter.