Installing Gantt

To start using Gantt, you need to:

  1. Include the necessary JS and CSS scripts into an HTML file.
  2. Call the object constructor.

Included files

You need to include 4 files on a page:

<html>
 <head>
  <!-- Webix Library -->
  <script src="codebase/webix.js" type="text/javascript"></script>
  <link rel="stylesheet" href="codebase/webix.css" type="text/css">
 
  <!-- Gantt -->
  <script type="text/javascript" src="codebase/gantt.js"></script>
  <link rel="stylesheet" href="codebase/gantt.css" type="text/css">
 </head>
 <body>
    <!-- Gantt constructor -->
    <script>
        webix.ui({
            view:"gantt", 
            url:"https://docs.webix.com/gantt-backend/"
        });
</script> </body> </html>

See the next chapter to learn more ways of creating Gantt on a page.

Starting a Backend Server

Using NodeJS Backend

To get the NodeJS backend for Gantt, clone the repo and start it locally as:

npm install
node index.js
Back to top