Hi,
Running into an issue with my custom taskbar templates not rendering on load in the resource view of the gantt chart when expandState is set to false. The templates load correctly when expandState is set to true, or when the expandState gets toggled.
Here's the code for my template. Any help
import React from 'react';
export const TaskbarTemplate: React.FC<any> = ({ taskData, ganttProperties }) => {
return (
<div className="e-gantt-child-taskbar-inner-div e-gantt-child-taskbar" style={{ width: '100%', height: '100%' }}>
<div className="e-gantt-child-progressbar-inner-div e-gantt-child-progressbar" style={{ width: `${ganttProperties.progressWidth}px`, height: '100%' }}>
<span
className="e-task-label"
style={{ }}>
{taskData.Name} {taskData.Type}
</span>
</div>
</div>
);
};
export const ParentTaskbarTemplate: React.FC<any> = ({ taskData, ganttProperties }) => {
return (
<div className="e-gantt-parent-taskbar-inner-div e-gantt-parent-taskbar" style={{ width: '100%', height: '100%' }}>
<div className="e-gantt-parent-progressbar-inner-div e-row-expand e-gantt-parent-progressbar" style={{ width: `${ganttProperties.progressWidth}px`, height: '100%' }}>
<span
className="e-task-label"
style={{ }}>
{taskData.Name}
</span>
</div>
</div>
);
};
