Schedule TimelineMonth custom resource height not alligned with workcell

[Pol]

Hello team,

Recently we have been trying to customize the resource in the timeline month view to our needs.
When having a lot of data in the resource, the height starts to misalign with the workcells.

Noticed that the resource is a different table than the data shown with the workcells.

Also noticed when adding more appointments to the first user. The height of the resource start to adjust to the workcell.

Any recommended solution so that we can align the workcell with the custom resource?

https://stackblitz.com/edit/angular-ky5kqm-smgjvg?file=app.component.ts

Thanks in advance.

[Ruksar Moosa Sait]

Hi Pol,

Greetings from Syncfusion support.

We have checked on your requirement and suggest you set the required height for the Schedule work cells by overriding the default Schedule CSS styles like the below code snippet.

.e-schedule .e-timeline-view .e-work-cells,

.e-schedule .e-timeline-month-view .e-work-cells,

.e-schedule .e-resource-cells{

  height: 100px !important;

}

Sample: https://stackblitz.com/edit/angular-ky5kqm-e2kfmx?file=app.component.ts,app.component.css

Output:

Kindly try the above sample and let us know if you need further assistance.

Regards,

Ruksar Moosa Sait

[Pol]

Hello,

Thank you for your response.

I have tried your suggested solution, but now the rowAutoHeight is not working properly anymore on the workcells.

Any other suggestions for this problem?

Regards,

[Ruksar Moosa Sait]

Hi Pol,

 

Sorry for the inconvenience.

We suggest you use the below-modified CSS to resolve the reported issue

.e-schedule .e-timeline-view .e-work-cells,

.e-schedule .e-timeline-month-view .e-work-cells,

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

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

  height: 100px;

}

Sample: https://stackblitz.com/edit/angular-ky5kqm-zvedxf?file=app.component.ts,app.component.css

 

Output:

 

Regards,

Ruksar Moosa Sait