Get Free Trial
  1. API reference
Connecting to Data Source
Configuring the component
  • Documentation for older versions
  • Table of contents

    Get Flexmonster

    There are several ways to include Flexmonster in your project:

    Download Flexmonster via Flexmonster CLI

    The most convenient way to get Flexmonster Pivot is through Flexmonster CLI — our command-line interface tool. Install the CLI globally using npm:

    npm install -g flexmonster-cli

    After this, a new flexmonster command will be available in the console. Learn more about Flexmonster CLI and its commands in our documentation: CLI overview.

    To add Flexmonster to your project, run one of the commands below from the folder with the package.json file:

    Pure JavaScript

    flexmonster add js-flexmonster

    This command downloads Flexmonster to node_modules/ and adds it as a dependency to the package.json file.

    Flexmonster can now be used in your project – see the quick start guide for more details.

    Angular

    flexmonster add ng-flexmonster

    This command downloads the Flexmonster Angular module to node_modules/ and adds it as a dependency to the package.json file.

    Flexmonster can now be used in your Angular project – see Integration with Angular for more details.

    React

    flexmonster add react-flexmonster

    This command downloads the Flexmonster React module to node_modules/ and adds it as a dependency to the package.json file.

    Flexmonster can now be used in your React project – see Integration with React for more details.

    Vue

    flexmonster add vue-flexmonster

    This command downloads the Flexmonster Vue module to node_modules/ and adds it as a dependency to the package.json file.

    Flexmonster can now be used in your Vue project – see Integration with Vue for more details.

    Include Flexmonster from our CDN

    Add Flexmonster to your project by including the files directly from our CDN.

    Use the latest version of the component:

    <script src="https://cdn.flexmonster.com/flexmonster.js"></script>

    Use a specific version of the component:

    <script src="https://cdn.flexmonster.com/2.8.16/flexmonster.js"></script>

    To learn how to embed Flexmonster in your webpage, refer to our quick start guide.

    Download the Flexmonster package

    The most convenient way to get Flexmonster Pivot is through Flexmonster CLI — our command-line interface tool. Install the CLI globally using npm:

    npm install -g flexmonster-cli

    Download the Flexmonster Pivot package with the following CLI command:

    flexmonster create javascript

    This command downloads the .zip archive with Flexmonster Pivot and automatically unpacks the files in the current folder.

    As a result, the flexmonster-javascript-project/ folder will appear in your working directory. Open it and copy the flexmonster/ folder into the root of your web project.

    Note: to use a trial version of Flexmonster, you will need to set a trial key. It can be found in the flexmonster-javascript-project/TrialKey.txt file. Copy the contents of the file and set the trial key using the licenseKey initialization parameter:

    var pivot = new Flexmonster({
    container: "pivotContainer",
    licenseKey: "XXXX-XXXX-XXXX-XXXX-XXXX"
    });

    To embed Flexmonster in your project, see the quick start guide.

    Include Flexmonster from WebJars

    If you have a JVM-based web application, you can include Flexmonster in it using WebJars:

    Step 1. Go to WebJars and search for Flexmonster using the Search input field.

    Step 2. In the Build Tool column, select the tab with the build tool used in your project (e.g., Maven).

    Step 3. Include Flexmonster in your configuration file using the code snippet provided in the Build Tool column. For example, Maven’s pom.xml configuration file should look similar to the following:

    <dependencies>
        ...
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>flexmonster</artifactId>
            <version>2.9.0</version>
        </dependency>
        ...
    </dependencies>

    Flexmonster can now be used in your JVM-based project.

    For instructions on embedding Flexmonster in your webpage, see our quick start guide.