Resize Heigh of Scheduler based on Screen size and collapsed Event Groups

[Arturo Martinez]

Im trying to make the initial height of my scheduler to match the screen size of the user, so far my height is fixed to 1000px but I would like to know if there's a way to change this dinamically to adjust the screen.

Also is there a way to adjust the height of the scheduler based on the collapsed grouped events?, like on initial load all groups are expanded so the height should be 'x' but if user collapse all groups it should think to match the collapsed height how can I do this?

Picture of initial load

Picture after collapsed groups:

We can see all the white space that I would like to shink if groups are collapsed and expand if they are expanded.

[Vijay Ravi]

Hi Arturo,

We suspect that you have enabled rowAutoHeight, so we suggest setting the Schedule height to "auto". This way, if you collapse the grouping, the event schedule height will adjust accordingly. If you set a fixed height, it will not update when the resource grouping events are collapsed.

Sample link: https://stackblitz.com/edit/angular-akekkn-avtf1x?file=src%2Fapp.component.ts,src%2Fapp.component.html

Please let us know if you need any further assistance.

Regards,

Vijay

[Arturo Martinez]

that was the issue, thanks!

[Vijay Ravi]

Hi Arturo,

This is not an issue. In your sample, you have enabled the rowAutoHeight property. When this property is enabled, the schedule's height is automatically set to "auto." This is the default behavior of the schedule. Therefore, we are unable to provide any workaround for this case.

Regards,

Vijay