Issue with Rows alingment after customizing resource header.

[Paresh]

Hello,

I tried to modify resource header for scheduler control as explained in link below. 

https://stackblitz.com/edit/angular-dttnyp-jkzb4e?file=app.component.html

I have made some additional changes in the example above where I have just added few more lines in to resource header and that causes misalignment between the header and appointment rows. See the screenshot below for reference. I have highlighted a issue. Let me know if you have any fix for this.

[Paresh]

any update?

[Ruksar Moosa Sait]

Hi Paresh,

You can resolve this misalignment problem by overcoming the CSS class like the below code snippet. Kindly try the below sample and let us know if this meets your requirement.

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

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

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

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

  height: 100px;

}

Sample: https://stackblitz.com/edit/angular-dttnyp-grpycq?file=app.component.css

Regards,

Ruksar Moosa Sait

[Paresh]

Thanks. It worked well.

[Vengatesh Maniraj]

You are most welcome!!!