There are several ways to include Flexmonster in your project:
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:
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.
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.
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.
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.
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.
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.
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.