Gantt chart hieght Fit issue in diffirent type of screen size.

[Projectier]

hello Team,

gantt chart size not fit in diffirent type of screen size. if screen size 22 inches its show below like this...i want to fit into blank spaces.

[Pooja Priya Krishna Moorthy]

Hi Projectier, 

We are able to reproduce the reported issue, while rendering Gantt element inside a div. We can overcome the reported issue, by setting the height of the Gantt as 100%.When height is set as 100% it renders based on its parent container’s height. 

Please find the below code example. 

@(Html.EJS().Gantt("Editing").  

Height("100%") 

//... 

) 

 

Sample – https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample2120397333 

Regards, 

Pooja K. 

[Projectier]

Hello ,

I'm using EJ()so here didn't get .Height() method.

look below Image.

[Pooja Priya Krishna Moorthy]

Hi Projectier, 

We are sorry for the inconvenience caused. As the platform selected was in EJ2, we provided solution in E2 version of Gantt. 

We can set the height of Gantt in EJ1, by using the property SizeSettings.Height. Please find the below code example. 

@(Html.EJ().Gantt("Gantt") 

//... 

.SizeSettings(ss => ss.Height("100%")) 

 

) 

We also prepared a sample based on this. Please find the below sample link. 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample_(4)-381499864 

Regards, 

Pooja K. 

[Projectier]

Hello ma'am,

still facing same issue.

[Logeswari Gopalakrishnan]

Hi Projectier, 

 

We are also checked with resolution (1680*1050). But we are not getting height issue . Please find the below screen shot. 

 

 

Can you please share video or modified sample to reproduce issue. It will more helpful to resolve your query asap. 

Regards, 

Logeswari G 

[Walter Kivindu Mulwa]

Hello Pooja,

I'm facing a similar issue whereby the size of a columns' row doesn't match the size of the fields' row.

You can see even the last row in the fields section is not visible.

[Pooja Priya Krishna Moorthy]

Hi Walter, 

From the attached screenshot, we came to know that you are using EJ2 version of Gantt. 

In case, if we render templates in Grid, sometime TR element height will be increased more than RowHeight property value based on inner contents.  

This may be the reason, for the misalignment between grid and chart part. Please ensure whether you have used column templates in your application. If yes, we recommend you to define maximum height of TR elements to RowHeight property. 

 

If this was not the reason, please share us below details. 

1. Browser zooming level.
2. Windows scale and layout details.
3. Issue reproducible sample.

 

It will be very helpful, if you share us the above details, to check from our end and provide you proper solution. 

 

Regards, 

Pooja K.