Installing ToDo

To start using ToDo, 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">
 
  <!-- Widget -->
  <script type="text/javascript" src="../../codebase/todo.js"></script>
  <link rel="stylesheet" type="text/css" href="../../codebase/todo.css" />
 </head>
 <body>
    <!-- Widget constructor -->
    <script>
    webix.ready(function() {
        if (webix.env.mobile) webix.ui.fullScreen();
        webix.CustomScroll.init();
 
        webix.ui({
            view: "todo",
            data: base_data,
            users: users,
            projects: projects,
        });
    });
</script> </body> </html>

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

Running Package Samples Locally

To run package samples on a local machine, you should navigate to the ToDo root folder, install the necessary dependencies and start a development server as:

// navigate to root folder
cd files
 
// install dependencies
yarn install //or npm install
 
// start dev server
yarn server //or npm run server
Back to top