Repository for the Core Adaptable Blotter HTML5 version - AdaptableBlotter.JS - developed by Adaptable Tools.
AdaptableBlotter.JS is a powerful DataGrid add-on that integrates with the leading datagrid components and provides all the additional, rich functionality that financial and other advanced users expect from their grids and blotters.
It offers - out of the box - incredibly powerful searching, filtering, sorting, styling and editing functionality. It also provides unparalleled validation and audit functions, vital in the current regulatory and compliance environment. Try it out for yourself at https://demo.adaptableblotter.com.
Grid components supported include:
- ag-Grid by ag-Grid
- Hypergrid by OpenFin
- Kendo Grid by Telerik
- Adaptable Grid by Adaptable Tools.
More grid components are being added all the time so contact us if you would like us to implement your favourite HTML5 grid control.
AdaptableBlotter.JS is fully data agnostic and can work with any data set you provide it with. It is suitable for all data, all asset classes, all grid types, all locations and all use cases.
There are additional React and Angular wrappers - please see the relevant packages.
To install Adaptable Blotter via npm, run:
npm install adaptableblotter
In order for the AdaptableBlotter to look right, you have to import the index.css file
This contains the structural styles and the (default) light theme.
For the dark theme, you also have to import
So if you want the dark theme in your app, you have to do
This makes both the
light and the
dark themes available. You can also write your own custom theme for the AdaptableBlotter - see the section below for this.
A theme is basically a collection of css variables that the AdaptableBlotter exposes, and you can customise. You can have more css theme files imported in the app without them overriding each-other.
When the AdaptableBlotter applies a theme, it sets the
ab--theme-<THEME_NAME> css className on the document HTML element - so only one theme will be applied at any given time.
Writing a theme
In order to write a theme, let's call it
blue, you have to define it with the following css:
There are a number of css variables that are available for customising a theme - see below (it's the contents of the dark theme)
In adition to the above variables, the following are also available
That's all the css you have to write for defining a theme - in fact, you can choose which of the above colors/variables to define - you don't have to define them all. Start incrementally, and work your way up as you need - use the dark theme as an example.
The Adaptable Blotter is a commercial product and requires a purchased licence for use.
The Adaptable Blotter licence covers both AdaptableBlotter.NET and AdaptableBlotter.JS versions, and offers regular updates and full support.
If you wish to evaluate the Adaptable Blotter before purchase, please contact us requesting a Trial Licence.
Licences are sold to end-users typically in 'bands' so the price per user falls as volumne increases. There is also a Universal option which gives unlimited usage to unlimited users.
Note: The Adaptable Blotter licence does not include the licence for the underlying grid - if you use a vendor grid that requires a commerical licence, you must purchase that separately.
Please contact the Adaptable Tools Sales Team at firstname.lastname@example.org for more information.
To see AdaptableBlotter.JS in action visit https://demo.adaptableblotter.com where you can see the Adaptable Blotter running againt a number of different dummy data sets using various underlying DataGrids.
Developers can see how to access the Adaptable Blotter programmatically at https://api.adaptableblotter.com
For all enquiries please email the Adaptable Tools Support Team at email@example.com.