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

m
Line 79: Line 79:


The following JavaScript files are additions for the AI.
The following JavaScript files are additions for the AI.
*'''Charts-Plus.js''': This script handles all buttons on the ''Readings'' and ''Historic'' charts pages.
*'''AI-Charts-Plus.js''': This script handles all buttons on the ''Readings'' and ''Historic'' charts pages.
*'''Page-Manager.js''': This script is a utility used by all pages to control the layout, obtain the CumulusMX Version data, handle the selected theme and various other utilities.
*'''AI-Page-Manager.js''': This script is a utility used by all pages to control the layout, obtain the CumulusMX Version data, handle the selected theme and various other utilities.
*'''Theme-Manager.js''': This script is only used by the ''Theme...'' page to enable you to change the colour theme for the site.
*'''AI-Configure.js''': This script is only used to configure the AI: Static or scrolling header/footer and gapes between them and the main body. You can also change the colour theme for the site.


====Things you can change easily====
====Things you can change easily====
As already mentioned, the ''Header'' and ''Footer'' area of the site is static by default - i.e. they are always on page.  To change this you need to edit the '''Page-Manager.js''' script as indicated below:
As already mentioned, the ''Header'' and ''Footer'' area of the site is static by default - i.e. they are always on page.  To change this use the '''AI-Config.html''' page.  It can also be used to make the header and/or footer scroll and change the gap between the body of the page and the header/footer.


On lines 8 and 9 there are two variables: '''fixedBanner''' and '''fixedFooter'''.  Both are currently set to ''true''.  If either, (or both), are set to ''false'' then that feature will move as the page scrolls.
Above these lines; i.e. lines 6 and 7 are two more variables '''topMargin''' and '''footerMargin'''.  These control the space between the Header and Footer respectively.  Changing these will adjust the space no matter whether the Header or Footer are static or not.  Feel free to adjust as required.
 
  Page under development.  All information is, however, still current.
 
==Download the latest version==
==Download the latest version==
Download the latest current version: [https://cumuluswiki.org/images/7/7c/Ai-cmx-latest.zip||"CumulusMX AI b003"] (''Updated 4th February 2022 @ 15:21'')
Download the latest current version: [https://cumuluswiki.org/images/7/7c/Ai-cmx-latest.zip||"CumulusMX AI b003"] (''Updated 4th February 2022 @ 15:21'')
313

edits