Creating File Manager on a Page

There are two simple steps you need to complete to initialize File Manager on a page:

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

Included files

You need to include 4 files on a page:

<!-- js files -->
<script src="codebase/webix.js" type="text/javascript"></script>
<script src="codebase/filemanager.js" type="text/javascript"></script>
<!-- css files -->
<link rel="stylesheet" href="codebase/webix.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="codebase/filemanager.css" type="text/css" charset="utf-8">


The code below initializes File Manager and populates it with data:

//webix.ready() function ensures that the code will be executed when the page is loaded
    //object constructor
    // loading data source

Related sample:  Basic init

Back to top
If you have not checked yet, be sure to visit site of our main product Webix js frameworks and page of html5 file manager product.