We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Charts in bootstrap modal not adjust correctly

Thread ID:





122095 Feb 16,2016 10:54 PM UTC Mar 8,2016 04:29 AM UTC ASP.NET Web Forms 4
Tags: Chart
Roimer Machacón Otero
Asked On February 16, 2016 10:54 PM UTC

Hi we're using charts in a boostrap modal, now when open the modal, the charts overlap each other. (This have canresize property in true and can't put the width in percentage because the chart don't appear)

We use in the column definition <div class="col-xs-12 col-md-4 col-lg-4> also of bootstrap

Attached image with the error.

Attachment: error_chart_2b24d32c.zip

Akbar Basha K M [Syncfusion]
Replied On February 17, 2016 12:52 PM UTC

Hi Roimer,
Thanks for contacting our Syncfusion support. We are able to reproduce the reported issue. we are analyzing on this. we will let you know the status of one bussiness day(17th Feb 2016).
Akbar Basha KM. 

Sanjith Kesavan [Syncfusion]
Replied On February 18, 2016 01:54 PM UTC

Hi Roimer,
Thanks for your patience. We have analyzed the reported issue. While rendering chart in bootstrap model the width of the <div> which containing the chart is 0 because the div is hidden. So the default width 600px is applied for the chart. To avoid this please follow the below code example.

In the above code example, we have subscribed the shown event for the bootstrap model, this time while the modal is visible the div container width will be available for the chart to render. We have redrawn the chart. Now the chart will render like below.

We have prepared the sample as per your requirement. Please find the sample from the below location.
Sample Link: http://www.syncfusion.com/downloads/support/forum/122095/ze/Bootstrap-1502326936

Please let us know if you have any concern.

Sanjith K.

Roimer Machacón Otero
Replied On March 7, 2016 09:27 PM UTC

Hi, we applied the solution exposed for you, and this work correctly, Thanks you!

Saranya CJ [Syncfusion]
Replied On March 8, 2016 04:29 AM UTC

Hi Roimer,
Thank you for your update. Please let us know if you require any other assistance.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon