Remove empty spaces on grouping

[Arturo Martinez]

I have alot of empty space on the tittle of my grouping headers, and on the sections inside the groups how can i reduce this white spacing?

[Vijay Ravi]

Hi Arturo,

We recommend overriding the default schedule styles to customize the resource group header section. Please refer to the styles and sample shared below for your reference.

[app.component.html]
 

<ejs-schedule #scheduleObj width='100%' cssClass='timeline-resource-grouping'>

</ejs-schedule>

[app.component.css]
 

.timeline-resource-grouping.e-schedule .e-timeline-view .e-resource-left-td, 

.timeline-resource-grouping.e-schedule .e-timeline-month-view .e-resource-left-td {

  width: 100px;

}

.timeline-resource-grouping.e-schedule .e-timeline-view .e-resource-text, 

.timeline-resource-grouping.e-schedule .e-timeline-month-view .e-resource-text {

  padding: 0;

  margin-left: 0px !important;

}

.timeline-resource-grouping.e-schedule .e-timeline-view .e-resource-cells, 

.timeline-resource-grouping.e-schedule .e-timeline-month-view .e-resource-cells {

  padding: 0;

}

Sample: ​resource header customization (forked) - StackBlitz

Output screenshot:

 

Don't hesitate to get in touch if you require further help or more information.

Regards,

Vijay