can't control width of contents inside 'view'

[BRAD]

I'm using a Gantt object on one of my sites, but for some reason my day/week/month views are all scrunched up more than they need to be.  I have plenty of whitespace to the right inside the entire gantt object, but the view isn't stretching out to fill it.  I see there is a 'listwidth' option to change the width of the left section, but nothing for the right.  What can i do to fix this?

[Dimitar Terziev]

Hi,

By default the gantt widget will try to occupy the whole width of the container in which it is placed and the treelist part is set to be 30% of this available width.  If the width of the gantt widget is too small, please check the size of the wrapping element and increase it accordingly. 

Regards,
Dimitar Terziev
Telerik

 

 

[BRAD]

thanks, but it's not actually the gantt container that's the problem (i believe) since that does fill out 100% of the width.  It's the view contents that are at issue.  See the attached images.  week.png looks fine, but month.png is all scrunched up and doesn't take up the entire width of the gantt object.  

[Dimitar Terziev]

Hi,

The experience behavior is the expected one. The gantt widget renders time slots for the longest task with few slots prior to the task start as well as slots after the task end. If the time line part is longer than the width of these slots, there is a gap which is observed on our online demos as well. You could control the size of the time slots via the slotSize property. 

Regards,
Dimitar Terziev
Telerik

 

 

[BRAD]

I can probably live with that, except for the fact that in the month view at least there are the columns to the left and right that aren't obeying the slotsize values.  See this image again, where i've set the slotsize to 120.  For some reason the first and last columns are scrunched up.

[Dimitar Terziev]

Hello,

Each slot is in fact a table header with specific colspan. When the gantt widget renders its headers a calculation is performed how much headers to be rendered depending on the time range of the gantt tasks. In your case there are six headers, the first and the last have colspan of 1, and the four in between have colspan of 4. If you inspect the dom elements, the first and the last header should have width of 30px since the total width is 120px divided by 4 since the maximum colspan is four and they have colspan of 1.

In case this is not the case I would like to ask for a dojo snippet with the exact implementation that you are using.

Regards,
Dimitar Terziev
Telerik