How to increase height of the rows and bars in the Gantt Chart?

[Mark Chidlow]

I've had a go overiding CSS to increase the height of each row and task bar in the gantt chart with some success. However it is the progress handle that I cannot make work.

The reason I am doing this is that I need it to be more usable on an iPad.

Is this possible?

Kind regards

Mark

[Suriyaprasanth Ravikumar]

Hi Mark, 

 

We have analyzed your query, In Gantt we have direct support to change the row height and taskbar height by using “rowHeight” and “taskbarHeight” API’s. 

Please refer  code snippet below, 

[app.component.html] 

<ej-gantt id="GanttControl" [dataSource]="ganttData" ...  [rowHeight]=rowHeight [taskbarHeight]=taskbarHeight> 

</ej-gantt> 

[app.component.ts] 

 

export class AppComponent { 

  //.. 

  public rowHeight: any; 

   public taskbarHeight: any; 

   

  public constructor(){ 

  //.. 

  this.rowHeight = 50; 

  this.taskbarHeight = 40; 

    } 

} 

We have also prepared a sample for your reference, please find the sample from the below location. 

Location: http://www.syncfusion.com/downloads/support/directtrac/general/ze/ejProject-F1334411333252202 

Please let us know if you require any other assistance on this.   

 

Regards,   

Suriyaprasanth R.