ActiveUI

ActiveUI

  • User Guide
  • Developer Documentation

›Getting Started

About

  • Introduction
  • Changelog

Getting Started

  • Step by Step
  • Development Environment
  • Artifacts
  • ActiveUI Application
  • Usage as an npm Dependency
  • Initialization
  • Project Architecture

Guides

  • Adding KaTex fonts
  • Adding Servers
  • Authentication
  • Bookmark favorites
  • Charts
  • Configuring Widget Handlers and Actions
  • Container
  • Custom UI components with Ant Design
  • Data manipulation
  • Debugging
  • Deployment
  • Internationalization
  • MDX Manipulation
  • Plugins
  • Reporting
  • Settings
  • Tabular View and Pivot Tables
  • Testing

Reference

  • API Reference
  • Default Widget Bookmarks
  • Plugins
  • Settings

Advanced

  • Content Server Setup
  • Experimental Features
  • Maven Integration
  • Offline Installation
  • Script-based Integration

Development Environment

ActivePivot Compatibility Matrix

ActivePivot 5.4.*ActivePivot 5.5.*ActivePivot 5.6.*ActivePivot 5.7.*ActivePivot 5.8.*
ActiveUI 4.3.0 - 4.3.6✔️[1]✔️✔️✔️✔️
ActiveUI 4.2.1 - 4.2.*✔️✔️✔️✔️✔️
ActiveUI 4.1.9 - 4.2.0✔️✔️✔️
ActiveUI 4.1.0 - 4.1.8✔️✔️
ActiveUI 4.0.*✔️

Supported Browsers

ActiveUI is compatible with:

  • Chrome >= 33
  • Firefox >= 29
  • Edge >= 12
  • IE >= 11

Note: To work in all of these browsers you will have to install and use these polyfills:

import 'core-js/stable';
import 'regenerator-runtime/runtime';
import 'resize-observer-polyfill/dist/ResizeObserver.global';
import 'whatwg-fetch';

We currently use these versions:

{
  "dependencies": {
    "core-js": "3.0.1",
    "regenerator-runtime": "0.13.2",
    "resize-observer-polyfill": "1.5.1",
    "whatwg-fetch": "3.0.0"
  }
}

Node.js

You will need to install Node.js to develop ActiveUI applications.

While ActiveUI SDK doesn't impose any constraints on the versions of Node.js, you will probably be working on an application powered by Create React App. Therefore you should check their requirements.

Yarn (npm alternative)

We recommend using Yarn instead of npm.

Any command using npm in the following pages can be replaced by an equivalent command with the package manager of your choice.

Linting and Formatting

To avoid common JavaScript pitfalls and to prevent time-consuming formatting of code, we strongly advise that you set up ESLint (with a strong configuration) and Prettier in your project.

IDE / Editor

We recommend using VSCode or WebStorm when developing ActiveUI applications.

Visual Studio Code

Visit Visual Studio Code's website for more information.

Extensions

We recommend the following extensions:

  • ESLint

WebStorm

Visit WebStorm's website for more information.


  1. See Adding a 5.4.x Server. ↩

← Step by StepArtifacts →
  • ActivePivot Compatibility Matrix
  • Supported Browsers
  • Node.js
  • Yarn (npm alternative)
  • Linting and Formatting
  • IDE / Editor
    • Visual Studio Code
    • WebStorm
Copyright © 2020 ActiveViam