320
edits
The Alternative Interface (ai.cmx): Difference between revisions
From Cumulus Wiki
Jump to navigationJump to search
m
→Using the AI Settings Page
NeilThomas (talk | contribs) m (→Installation) |
NeilThomas (talk | contribs) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 44: | Line 44: | ||
This is a list of the features that the AI provides | This is a list of the features that the AI provides | ||
* It has a large number of ''themes'' that can be used to change the colours used throughout the site | * It has a large number of ''themes'' that can be used to change the colours used throughout the site | ||
* The Header and Footer can be fixed (default) or scroll, the footer is always at the bottom of the screen when page content is short and always scrolls on small screens. | * The Header and Footer can be fixed (default) or scroll, the footer is always at the bottom of the screen when page content is short and always scrolls on small screens. | ||
* The fonts used are fully responsive. | * The fonts used are fully responsive. | ||
* The menu has been adapted to have fewer top level entries and focus on managing your weather station. It provides a link back to the default Interface if required. ('''See not at top of the page'''). | * The menu has been adapted to have fewer top level entries and focus on managing your weather station. It provides a link back to the default Interface if required. ('''See not at top of the page'''). | ||
| Line 51: | Line 54: | ||
* The Utility pages have been combined into one page although the ''Latest Errors'' page is still available. | * The Utility pages have been combined into one page although the ''Latest Errors'' page is still available. | ||
* Modifications have been made to all the Charts pages so that you can zoom in on small data sets | |||
* Modifications have been made to the Steel Series Gauge popup tooltips | |||
* The Logs pages have fixed regions to display line, date (and time) and scroll sideways rather than break the page layout. Their popup editors have been restyled. | |||
* Font-Awsome icons are available throughout the site. | |||
Significant, but not exhaustive improvements have been added for accessibility. Anyone requiring these features with knowledge of how to improve the AI2 should contact me. | Significant, but not exhaustive improvements have been added for accessibility. Anyone requiring these features with knowledge of how to improve the AI2 should contact me. | ||
| Line 71: | Line 83: | ||
There are four top level menu items to the right of the ''diamond'' that give access to either setting or editing your weather station. These are: '''Logs''', '''Settings''', '''Edit''' and '''Utilities'''. | There are four top level menu items to the right of the ''diamond'' that give access to either setting or editing your weather station. These are: '''Logs''', '''Settings''', '''Edit''' and '''Utilities'''. | ||
These mirror the same menu items as on the default Interface. One feature of the AI is that the ''Settings'' Menu is a drop down panel with columns. This makes it easier to access all items even on | These mirror the same menu items as on the default Interface. One feature of the AI is that the ''Settings'' Menu is a drop down panel with columns. This makes it easier to access all items even on small screens. | ||
====The Default Interface==== | ====The Default Interface==== | ||
| Line 77: | Line 89: | ||
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. | 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== | ||
The AI Settings page enables you to make global changes to the way the Interface looks. Things you can change are: | |||
*Page Geometry | |||
*:Use this to alter the gaps between the Header & Page content, and the Page content & Footer. | |||
*:Change the units used to measure those gaps. The site uses the Font Height, the Screen Height or pixels. Pixels are fixed, the others are responsive. | |||
*:Make the Header scroll with the page (Only if the page is long enough) | |||
*:Make the Footer scroll with the page (only on long pages). The Footer will always scroll on small screens. | |||
*The Theme | |||
*:There are approximately 16 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. | |||
