Define default task stucture

[Nualis]

Hi,

We've just started using the trial version of your Gantt control within a Vue project. One of our requirements for the Gantt is to restrict a project to a default task (level) structure (Phase, Resource group and Resource, like "Definition", "IT", "Cloud Architect") only. Please see the attached example.

How can we implement this requirement with the Gantt control?

[mats]

Sorry it's not clear what you mean by

One of our requirements for the Gantt is to restrict a project to a default task (level) structure (Phase, Resource group and Resource, like "Definition", "IT", "Cloud Architect")

Please describe more what 'restrict' means in your domain. Move tasks only within certain parent node types?

[Nualis]

Hi,

Restrict is indeed enforcing the user to create or move tasks within the defined (wbs) structure. So a user should not be able to drag/drop a resource (developer) to a phase type level, only to a resource type, like "IT". Is there a drag/drop event we can hook into?

Maybe we can create a custom 'type' column which based on the nested level shows the correct type? And can we set a restriction on the level of nesting, so the user cannot add more than 3 levels of tasks?

[mats]

You can achieve this with our API. Recommended reading in our docs: https://bryntum.com/docs/gantt/#Grid/feature/RowReorder

features : {
    rowReorder : {
        listeners : {
            gridRowDrag : ({ context }) => {
               // Here you have access to context.insertBefore, and additionally context.parent for trees

               context.valid = false;
            }
        }
    }
}

[Nualis]

Okay thanks. We will check the documentation for the reoder part. And what about the max depth level of tasks, is that configurable as well?

[mats]

Adding tasks to the Gantt chart is an application issue, so you can write the code yourself to allow/prohibit adding tasks at certain places in the WBS.