Creating Gantt

You can create Gantt as a Webix view or as a standalone Jet app. Both ways will lead to the same result.

  • Creating Gantt as a Webix view:
webix.ready(function() { 
  // use custom scrolls, optional
  if (webix.env.touch) webix.ui.fullScreen();
    else if (webix.env.scrollSize) webix.CustomScroll.init();
 
  webix.ui({
    view: "gantt",
    url:"https://docs.webix.com/gantt-backend/",
  });    
});

Related sample:  Gantt: Webix View Initialization

  • Initializing Gantt as an instance of Jet app class and render it in the document body (or in any other HTML container):
webix.ready(function() { 
  // use custom scrolls, optional
  if (webix.env.touch) webix.ui.fullScreen();
    else if (webix.env.scrollSize) webix.CustomScroll.init();
 
  var app = new gantt.App({ 
    url:"https://docs.webix.com/gantt-backend/"
  });
 
  app.render(document.body);
});

Related sample:  Gantt: JetApp Initialization

Back to top