Hi,
I have created an application that requires two scheduler one of top of the other, separated by a splitter, similar to https://bryntum.com/products/scheduler/examples/drag-between-schedulers/ .
However, I would like for the top scheduler to grow when there are multiple events stacked in the top scheduler, so that the end users does not miss an event that would be hidden because the top scheduler is too narrow.
At first glance it looks like the splitter has a setXY method, however it does not seem to affect it in any way when I call it.
Here's the way I tried to implement it :
... (refs and states)
useEffect(() => {
splitterRef.current?.instance.setXY(0, 150)
}, [unplannedEvents])
useEffect(() => {
if (scheduler1Ref?.current?.instance) {
scheduler2Ref?.current?.instance.addPartner(scheduler1Ref.current.instance);
setSchedulerInstance(scheduler1Ref.current);
}
}, []);
return (
<div id="content">
<BryntumScheduler
{...scheduler1Config}
events={unplannedFlights}
resources={[unplannedResource]}
ref={scheduler1Ref}
/>
<BryntumSplitter ref={splitterRef} onDrag={console.log} />
<BryntumScheduler
{...scheduler2Config}
resources={resources}
columns={columns}
events={plannedEvents}
ref={scheduler2Ref}
/>
</div>
)
Could you please point me in the right direction ?
Thank you
Hadrien