Guys -
Are there any known conflicts between the igDataCharts and the bootstrap framework? I am noticing that if I use a layout of a page that has the CSS file for the bootstrap framework enabled, the igDataChart will not render correctly. If I check the source on the page I can see that the correct data is there, just not showing properly.
FYI, I am also running igDataGrids on the same view and they are working properly.
Thoughts, suggestions??
Hello All,
I have tested this scenario and it appears that when the bootstrap.css from the BundleConfig.cs is commented, the chart displays normal. I have tested with bootstrap versions 3.0.0 & 3.0.3 with the same results. I have managed to isolate the problem to the following code in the bootstrap.css file:
*,
*:before,
*:after {
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
}
When this code is disabled the chart appears as expected. It renders correctly in the corresponding browser, depending on the line commented.
Thank you for posting in the community!
I forgot to give the link with error here it is:
http://wowpulse.adeptconsultants.dk/test.html
I am looking forward for a work around
regards
Bobby
Hello Bobby,
Thank you for your contribution to community!
Is this accurate? I can see the bootstrap referenced like:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
And in the resources loaded via the browser it seem no comment is made for
Could you please provide the working CodeSample reproducing this?