Seagull

AI Configuration

Use this page to configure the Alternative Interface

Page Geometry

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.

Theme

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

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.

Theme Colours

ax-theme1
var(--color1)
ax-theme2
var(--color2)
ax-theme3
var(--color3)
ax-theme4
var(--color4)
ax-theme5, var(--color5)
ax-theme6
var(--color6)
ax-theme7
var(--color7)
ax-theme8
var(--color8)
ax-theme9
var(--color9)

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

Change Settings

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 =

Alarm LEDs

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