Scheduler dynamic height

I am looking for some guidance on having dhtmlx scheduler display the correct height when embedded between a header/footer in our web app.

Ideally the height of the calendar in month view would stretch to accommodate the number of events on each day, however because scheduler uses absolute positioning, I can’t think of any way to get the wrapper div to match the height. As far as I can see, this is not possible with CSS as absolutely positioned elements are removed from the page layout.

This leaves a javascript solution, however I have not been able to find a function to calculate the total height of the scheduler - does this exist? If not, how is everyone else dealing with dynamic heights? At the moment, my best solution would be to set a fixed height for the wrapper, but depending on the size of screen scheduler is rendered on, it will result in double scroll bars (screen to short) or single scroll bar + wasted space (screen to large).


Try to use the container-autoresize extension … autoresize

Thanks, this should be exactly what I need.