Our pure JavaScript Scheduler component


Post by alexsbf »

Hi,
I am having a really difficult time trying to work out how to show horizontal scrollbars in the scheduler window if the resources columns overflow the visible area of the containing item.

The vertical scrollbars work fine.

        scheduler.current.instance.scrollable = {
            overflowY: true, // <-- I can successfully toggle here.
            overflowX: true // why doesn't this work?
        }

There are more resources in the screenshot that are not visible.

Any help is great thanks!

Attachments
Screenshot from 2021-08-02 11-44-07.png
Screenshot from 2021-08-02 11-44-07.png (184.85 KiB) Viewed 348 times

Post by mats »

Scroll bars are automatically shown when the resources overflow the horizontal space. Maybe you have not sized the component correctly? Like one of the parent elements are not styled correctly? Can you please provide a simple test case?


Post by alexsbf »

Hi Mats,

Thanks for the pointers. I think I have found the problem and am now able to fix it. It is something to do with the way I have set up that top bar. As soon as I deleted it, the scroll bars appear.

Thanks for the help!


Post Reply