[REACT] How to Control Height of events while keeping the space between events consistent in Bryntum Schedular pro?

[9pranav_v]

Hello everyone,

I'm currently working with example https://bryntum.com/products/schedulerpro/examples/nested-events-dependencies/ where the events are dynamically generated with inline styles for height, top, and left. Since the top is generated dynamically there is lot of space between events when i am setting the height in css.

I want to set the height of each event while keeping the space between events consistent. Does anyone have suggestions on how I can achieve this using CSS or JavaScript?

Any help or insights would be greatly appreciated!

Thank you in advance.

[ghulam.ghous]

I believe, this demo is what you are looking for: https://bryntum.com/products/scheduler/examples/rowheight/. You can inspect the resources of the demo and see how the height of the events being changed. If this does not solve your use case, please let us know.

Regards,
Ghous