How to refresh component to fill parent div?

[Mark Chidlow]

I would like to force a refresh/redraw of a Gantt Chart component to expand to fill the parent div (100%). Is there a method I can call to refresh the component to do this?

The scenario is that I have the component inside the body of a Bootstrap accordian (http://getbootstrap.com/javascript/#collapse-example-accordion) where it defaults to collapsed. When I show the panel the component has not expanded to fit it. If on opening I set the component width it makes no difference.

Thanks

[Jayakumar Duraisamy]

Hi Mark, 

In Gantt, we have a public method call windowResize, it will update resize the Gantt element by its parent element width & height. Hence, we can call this method once after Bootstrap accordion of Gantt control opened. 

Please refer following code snippet, 

$('#accordion').on('shown.bs.collapse', function (e) {                         

            var $target = e.target; 

            if ($target.id == "collapseTwo") { 

                var ganttObj = $("#GanttContainer").ejGantt("instance"); 

                ganttObj.windowResize(); 

            } 

        })    

We have also prepared a sample for your reference. Please refer following sample link, 

Sample: http://jsplayground.syncfusion.com/e2ukd41l  

Please let us know, if you require any other assistance. 

Regards, 

Jayakumar D 

[Mark Chidlow]

Perfect - that is exactly what I need.

The sample you provided is excellent and is perfect for my scenario.

Again the level of support Syncfusion provides is second-to-none. Thank you.

[Jayakumar Duraisamy]

Hi Mark, 

We are glad that your requirement has been met. Please let us know if you need any other assistance. 

Regards, 

Jayakumar D