[REACT] Gantt Inital State on Project Load

[ahmad.siddique]

Hi everyone.

I want to request an improvement in Project load animation.

When I reload the page Gantt shows a flickering effect before getting into its final form.

ganttInstance.project.on('load', () => {
                //@ts-ignore
                ganttInstance.state = {...state, ...ganttSettings};
            });

What i want is that there should either be a loader until the project has fully loaded or any other way to set Gantt State instead of project onLoad so that there is no flickering effect.

Thanks.

[alex.l]

Hi there,

Why do you use custom setter for state? If you set stateId and provider, state will be applies automatically.
Pls check demo here https://bryntum.com/products/gantt/examples/state/

[ahmad.siddique]

Hi Alex. can you please describe it with more details?

I am getting the Gantt State from backend as an object which has

{
    "columns": [
        //any data
    ],
    "features": [
        //any data
    ],
    "subGrids": {
        //any data
    },
    "columnsSize": [
        //any data
    ]
}

how can I apply it using the stateId and provider?

[marcio]

Hey ahmad.siddique,

If you have the stateId set to the Gantt like in the example that Alex mentioned, you don't need to set the state directly like the snippet that you shared.

We have documentation regarding State here https://bryntum.com/products/gantt/docs/api/Core/mixin/State.

Could you please share a runnable example for us to check what your configuration looks like?

[ahmad.siddique]

Hi Macrio,

I am attaching a runnable example with flicker issue