Initializing help system before first use

CSS Styling

The JavaScript API and components make use of a well-known framework called Bootstrap 3 to provide styled UI elements.

On top of the standard Bootstrap framework, Xpress Insight applies some custom styling and additional CSS rules. However, you can follow the Bootstrap documentation to layout your view.

Bootstrap 3 usually offers responsive layout capabilities; this is where the width of elements will change at certain browser widths. However, we have disabled this functionality as generally has little benefit for custom views but can cause additional development overhead.

The JavaScript API and VDL views use a fixed width of 1170px. This is derived from the Bootstrap 3 medium devices profile. If you reduce the width of your browser below this a horizontal scrollbar will appear unless your view is using fluid layout.

If you have existing view written against a JavaScript API 1.4 or earlier see the section Migrating to Bootstrap 3.