Advanced-Gantt App inside div

Show cool things you have done with our products
Post Reply
User avatar
Posts: 9
Joined: Wed Feb 20, 2019 11:12 pm

Advanced-Gantt App inside div

Post by Jean » Wed Mar 06, 2019 1:24 am

Hello team Bryntum,

Please your help,

I use example template advanced-gantt pro 5.1.14
I need Advanced-Gantt inside in div

I have read the forum, but I need to know exactly in what file I should update

renderTo: "mydiv"

I have added this code in different files but the gantt is seen in full screen, maybe there is another way, could you tell me what is the correct file that I should modify?

attachment image of my js

div.PNG (20.03 KiB) Viewed 488 times

User avatar
Core Developer
Core Developer
Posts: 2513
Joined: Fri Apr 01, 2016 11:08 am

Re: Advanced-Gantt App inside div

Post by pmiklashevich » Wed Mar 06, 2019 8:06 am

We have rendertodiv demo. You're right about `renderTo`, but you also need to create the gantt explicitly. For that you need to remove 'advanced-gantt' from the child items of 'advanced-viewport' and create instance of your gantt manually, like

Code: Select all

Ext.onReady(function() {
    Ext.create('Gantt', {
        renderTo : 'gantt-container'
Pavel Miklashevich - Core Developer

Post Reply