Hi,
We have Gantt and scheduler pro as partner
we have not used bryntum wrappers , instead we have done as below
function PanelComponent(props) {
useEffect(() => {
let container = containerRef.current;
bryntumRefs.current.gantt = new Gantt({
// startDate: fromRef.current,
...ganttConfig,
project,
columns:[]
});
bryntumRefs.current.splitter = new Splitter({
appendTo: container,a
orientation: "horizontal",
draggable: true,
});
bryntumRefs.current.tabPanel = new TabPanel({
appendTo: container,
flex: 1,
items:[
{
title: "Employee Availability",
ref: "employee_availability",
items: [
(bryntumRefs.current.employeehistogram = new ResourceHistogram({
...employeehistogramConfig,
project,
partner: bryntumRefs.current.gantt,
})),
],
},
{
title: "Employee Assignment",
ref: "employee_assignment",
items: [
(bryntumRefs.current.scheduler = new SchedulerPro({
...schedulerConfig,
project,
partner: bryntumRefs.current.gantt,
})),
],
},]
})
},[])
return (
<>
<div
className="ganttContainer"
ref={containerRef}
/>
</>
);
}
we want to render a react component inside the tab panel like a tbar section as shown in the image attached highlighted the react component with red line
How to add a react component in between tabPanel and items(scheduler pro and histogram) in our structure.
Is it possible to do without using react wrapper components ?how to add a react component in between tabpanel and items(scheduler pro and histogram) with our original structure ?