The Alternative Interface (ai.cmx): Difference between revisions

m
Access is provided to this via the last top level menu at the extreme right of the menu. It will open the Interface in a new Window.
 
==Using the AI Settings Page==
===Technical Changes===
Generally, this has been limited to ensuring that all JavaScript files use the correct URL for '''API''' calls to both read and update settings / data. All modified JavaScript files are included in the '''AI''' package and do not over-write existing files.
 
The AI Settings page enables you to make global changes to the way the Interface looks. Things you can change are:
Some of the html and associated js files have been renamed to satisfy my OCD nature.
 
*Page Geometry
This package also includes:
*:Use this to alter the gaps between the Header & Page content, and the Page content & Footer.
*The '''gauges.js''' file in the ''steelseries'' library - it has been modified to make to make the ''tooltips'' use the theme,
*:Change the units used to measure those gaps. The site used the Font Height, The screen height or pixels. Pixels are fixed, the others are responsive.
*The '''datatables''' and '''datatables editor''' library - again modified to make use of the themes.
*:Make the Header scroll with the page (Only if the page is long enough)
*Finally the '''PopupOverley''' library for the same reasons.
*:Make the Footer scroll with the page (only on long pages). The Footer will always scroll on small screens.
 
*The Theme
*:There are approximately 14 light themes
*:There are the same number of dark themes
*:There is one '''High Contrast''' theme.
 
*The Seagull Animation
*:The default is None (however, the seagull does still fade in at its default position).
*:You can choose:
*::'''Float down the screen''', or
*::'''Slide across the screen'''
*:If you chose an animation you can adjust the speed in seconds
*:Regardless of any animation you can force the seagull to hide behind page content if preferred.
 
As you make changes to any of these settings it will be reflected in the current page only. To use the current selection you '''must''' click the bottom '''Use this Configuration'''. To restore the default settings as programmed into the AI use the button '''Restore default'''.
 
Beneath these buttons you will see the values used in the CMXConfig object to store these settings. If your browser does '''not''' allow the setting to be stored, you can copy this directly into the ai-pagemanager.js file replacing what is already there.
 
===Known Issues===
338

edits