Script Integration

Quickly set up and use ActiveUI with a script tag

You don’t need Node.js to use ActiveUI. You can directly import the library in any HTML page.

Installation & Environment #

Make sure you have downloaded and installed the desired version of ActiveUI into an application server following the instructions on Installation

The application development script is located under the following URL:

http://host:port/your-application/scripts/app.js

where host:port is the path of the application server and your-application is the path of the deployed version.

A minimified and production version is also available in the same folder with the following name app.min.js

Importing the library #

Create a sample.html file with the following code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>A Sample Page</title>
    <!-- Adapt the path to where you retrieve the library from -->
    <script src="http://host:port/your-application/scripts/app.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/javascript">

      // ** Your code goes here! **

    </script>
  </body>
</html>

Serving the locale files #

The internationalization of ActiveUI is done through separate JSON files: one for each available locales.

These files need to be accessible in a folder named ./locales relatively to the sample.html file mentioned above.

Using ActiveUI #

ActiveUI will be available as a global variable named ActiveUI.

< Prev Next >