Our pure JavaScript Scheduler component


Post by andreas-sakellariou »

Hello,

As per the attached screenshots I have a scheduler within a variable size container (pane). What I would like to achieve is to fit the total scheduler height (tbar, headers, resource rows and bottom scrollbar) within the size of the parent container and remain responsive that way. The container may change size using a slider.

Obviously, the number and vertical size of the resource rows is not known a priori to the application since depending on the data, there may be different number of resources, individual rowheight (due to potential overlapping) and so on.

So the question would be how to achieve that behavior in a way that will be consistently responsive and not dependent on the number of resources, potential overlapping, zooming or other user or programmatic actions.

image_2021-12-02_185912.png
image_2021-12-02_185912.png (20.28 KiB) Viewed 262 times
Attachments
screenshot.png
screenshot.png (20.49 KiB) Viewed 262 times

Post by mats »

You can change rowHeight of the scheduler anytime to the size you want. Listen to the store for 'change' and update the data accordingly for example.


Post Reply