Timeline View - natural, dynamic appointment height

[Fridman Michael]

Hi,

I wanted to have a dynamic appointment height containing anything between 1 and 4 rows of content (for example name, location, customer, time) based on user choice and for all appointments. Adjusting height doesn't seem natural and the best I found is this where I would need to set height dynamically. Also, it breaks the functionality of EnableAutoRowHeight which no longer doubles height for 2 events at the same time, I'd need to add additional code to deal with this programmatically.

Is there an easier way to implement this?

<style>

    .e-timeline-view.e-ignore-whitespace .e-work-cells,

    .e-timeline-view.e-ignore-whitespace .e-resource-cells {

        height: 80px !important;

    }

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

        height: 75px !important;

    }

</style>

[Vijay Ravi]

Hi Fridman Michael,
 

Greetings from Syncfusion Support.

We have reviewed and validated your query. In the Scheduler, you can override the appointment height during initial rendering. However, dynamically overriding an appointment’s inline styles—such as height—can cause overlaps with other events. Therefore, avoid dynamically modifying layout-critical styles (height, width, top, left) on appointments at runtime.

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

Regards,

Vijay