Dynamic resize of Gantt

[Sam]

Just curious if anyone has figured a way to dynamically resize the Gannt chart on the client side. I've tried resizing the entire div container but it looks like I'd have to do every container inside the main div. Is there an easier way?

[Bozhidar]

Hi,

The Gantt control has a complex layout, where the inner containers have their sizes set depending on the available space determined by the outer container. This is all done in javascript. So in order to properly resize the control you have to:
1. Set the size to the outermost container:

$telerik.$($find("RadGantt1").get_element()).width(1000)

2. Call the resize() method of the _widget object

$find("RadGantt1").resize()

Regards,
Bozhidar
Telerik

[Sam]

Well it looks like that works for the outer borders and toolbar but the timeline view doesn't resize correctly. Sometimes it overflows outside the border, and sometimes it doesn't fill it up. See attached screen shots. 

[Sam]

Bozhidar, sorry, but I'm actually getting an error calling the resize() function 

"undefined is not a function"

[Bozhidar]

Hi,

Please excuse me. There's a type-o in the code sample I sent you. It should be:

$find("RadGantt1")._widget.resize()

Regards,
Bozhidar
Telerik

[Sam]

That worked perfectly. Thanks.