How to customize the display height of the event

[Paul]

Hello,How to customize the display height of the event.

using the template, the picture is incomplete.

For example , How to customize the display height?

Thanks

[Ruksar Moosa Sait]

Hi Paul,

You can customize the display height of the appointments by overwriting the default CSS class like the below code snippet.

.e-schedule .e-timeline-view .e-appointment,
.e-schedule .e-timeline-month-view .e-appointment{

       height: 130px;

    }

Sample: https://stackblitz.com/edit/5iwazb?file=index.js,index.html

Output:

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Ruksar Moosa Sait

[Paul]

Thanks for helping with this question!

[Satheesh Kumar Balasubramanian]

Hi Paul,

Thanks for the update.

We are happy that your problem has been resolved now.

Regards,

Satheesh Kumar B