# AI Configuration

Use this page to configure the Alternative Interface

#### Page Geometry

Configure the margins used between the header, page & footer, the units used and whether or not the header & footer are static.

Static Banner Static Footer
Gap below banner Gap above footer Units to use

You should note that the footer will scroll automatically on small screens regardless of the above settings.

#### Theme

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

Chosen theme

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 'CMXConfi' 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.

Animation
Animation speed (seconds)
Stay on top of all elements

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

### Theme colours

ow-theme-add5
ow-theme-add4
ow-theme-add3
ow-theme-add2
ow-theme-add1
ow-theme
ow-theme-sub1
ow-theme-sub2
ow-theme-sub3
ow-theme-sub4
ow-theme-sub5

The same colours are available as text only ow-theme-xxxx-txt, as border colours: ow-theme-xxxx-bdr and as hover colours: ow-theme-xxxx-hvr.

#### Changing themes

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-pagemanager.js file.

let CMXConfig =

### Modal Window

This is a sample 'Modal' popup. It has to be dismissed to access the page below it.

Powered by Cumulus MX