So assuming that I have 2 panels (2 div), left and right.
Panel 1 is like a sidebar (width of sidebar is fixed), while panel 2 is like a extended mode which can be hidden/close to show the underlaying page.
It may serve my needs but I need to try it out first.
However, from the example, it seem like it is all in the same layer/div. I’m not sure if mine is slight different than your example. So let me try to explain a little bit more.
And if I click to open the chart, it will then create/load another div (the blue line as the border, think like opening a modal) to the right. and display the chart.
Which means that I kind of compartmentalize Grid and Chart such that I can call to display it in different div or component rather than just switching the config.layout.
I’m still trying to work out the concept and not sure if using config.layout would be able to perform such task.
Hello Joseph,
Thank you for the clarification.
The layout is not 3D. You can show HTML elements inside Gantt, but Gantt wasn’t created in a way that you can separate the grid from the timeline or divide parts of Gantt.
You need to implement a custom solution. The following samples might help you to implement the solution.
You can separate the resource view from the Gantt view, but it will work only until you reinitialize Gantt: https://snippet.dhtmlx.com/936a20a99
Here is another sample where Gantt works in the modal box: http://snippet.dhtmlx.com/dff75b2a8