AI Configuration

Configure the top and bottom gap for the page content, and whether or not the header and footer are static.

You should note that the footer will scroll automatically on small screens regardless of the above settings. Also, when changing the state of the banner, this screen will jump down slightly but will correct itself when the settings are stored.

This version of the AI comes with 14 NEW built-in themes. Use the dropdown to select a theme - this page will instantly change to show your choice.

This facility only works on browsers that support 'local storage'. If you are using an old browser to view your Interface then please consider updating if possible. (You can also use the 'CMXConfig' settings below to manually change your theme.)

The seagull at the bottom right of the page can be animated in different ways. By setting to 'No animation' the seagull will just appear in its current position.

In order to see changes dependant on numeric values, you need to click elsewhere on the page.

There are 9 variation of each theme colour, classes or variables can be used within any html element

If you cannot store configuration details in your browser, you can still use this page to configure your AI and then copy the CMXConfig object shown below directly into the ai-page-manager.js file.

let CMXConfig =

You can now change the LED shapes used for the alarms, both the default alarms and custom alarms can have their own LEDs.