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 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

  • SDK API
  • Default Widget Configurations
  • 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.*
ActiveUI 4.2.1 - 4.2.12✔️✔️✔️✔️
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

Node.js and npm

You'll want to install Node.js and npm to comfortably develop an application based on ActiveUI SDK.

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

You're free to use alternative package managers such as Yarn. 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 not fall in JavaScript common pitfalls and stop spending time formatting code, we strongly advise to set up ESLint (with a strong config) and Prettier in your project.

Text Editors

Here are some text editors known to work well when developing on ActiveUI.

NameLicense
Visual Studio Code (recommended)MIT (free)
WebStormProprietary (paid)
AtomMIT (free)

Visual Studio Code

Visit Visual Studio Code's website for more information.

Extensions

We recommend the following extensions:

  • Flow
  • ESLint

WebStorm

Visit WebStorm's website for more information.

Configuration

We recommend the following configuration under File > Settings (Tested against WebStorm 2017.1):

  • Under Languages & Frameworks > JavaScript select Flow and enable type-based completion, type checking, navigation, code completion, and type hinting.
  • Under Appearance & Behavior > System Settings, turn off Use "safe write" (save changes to temporary file first). This is for the watch scripts to work correctly on Windows.

Atom

Visit Atom's website for more information.

← Step by StepArtifacts →
  • ActivePivot Compatibility Matrix
  • Supported Browsers
  • Node.js and npm
  • Linting and Formatting
  • Text Editors
    • Visual Studio Code
    • WebStorm
    • Atom
Copyright © 2021 ActiveViam