sergey.maltsev wrote: ↑ Tue May 04, 2021 7:32 am
Hi!
Yes googletagmanager is used in trial version of the Bryntum Gantt.
You can just ignore this warning while it is not relevant to licensed version.
If you use sandboxed iframe
you could probably try to add allow-same-origin
to it's config.
Something like this.
<iframe sandbox="allow-same-origin" ...
For any further help please attach app code we can use to check this behavior.
Hi Sergey,
Thanks for the response..
I am attempting to use the react wrapper with the trial version as well..
I've pulled the following packages using yarn and my package.json looks like this.
"devDependencies": {
"@bryntum/babel-preset-react-app": "10.0.0",
"@bryntum/gantt": "npm:@bryntum/gantt-trial",
"@bryntum/gantt-react": "^4.1.2",
}
I had to include babel preset since I was getting errors but I am not sure if that is something I really need or not due to a bad setup.
From there I included some code to try to render the Gantt chart.
import { BryntumGantt } from '@bryntum/gantt-react';
import { GanttConfig } from "@bryntum/gantt/gantt.umd.js";
const ganttConfig: Partial<GanttConfig> = {
project: {
"success" : true,
"project" : {
"calendar" : 10,
"startDate" : "2019-01-14",
"hoursPerDay" : 24,
"daysPerWeek" : 5,
"daysPerMonth" : 20
},
"calendars" : {
"rows" : [
{
"id" : 10,
"name" : "General",
"intervals" : [
{
"recurrentStartDate" : "on Sat at 0:00",
"recurrentEndDate" : "on Mon at 0:00",
"isWorking" : false
}
]
}
]
},
"tasks" : {
"rows" : [
{
"id" : 11,
"name" : "Investigate",
"percentDone" : 50,
"startDate" : "2021-02-08",
"endDate" : "2021-02-13",
"duration" : 5
},
{
"id" : 12,
"name" : "Assign resources",
"percentDone" : 50,
"startDate" : "2021-02-08",
"endDate" : "2021-02-20",
"duration" : 10
},
{
"id" : 17,
"name" : "Report to management",
"percentDone" : 0,
"startDate" : "2021-02-20",
"endDate" : "2021-02-20",
"duration" : 0
}
]
},
"dependencies" : {
"rows" : [
{
"id" : 1,
"from" : 11,
"to" : 17,
"type" : 2,
"lag" : 0,
"lagUnit" : "d"
}
]
},
"resources" : {
"rows" : [
{
"id" : 1,
"name" : "Mats"
},
{
"id" : 2,
"name" : "Nickolay"
}
]
},
"assignments" : {
"rows" : [
{
"id" : 1,
"event" : 11,
"resource" : 1,
"units" : 80
}
]
}
},
columns: [{ type: 'name', field: 'name', width: 250 }],
viewPreset: 'weekAndDayLetter',
barMargin: 10
};
return <BryntumGantt {...ganttConfig}></BryntumGantt>;
However I don't see the Gantt at all. This is what I see...
Would you have any idea what I could be doing wrong?