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

From Cumulus Wiki
Jump to navigationJump to search
m
Line 77: Line 77:
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.


===Technical Changes===
==Using the AI Settings Page==
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.


Some of the html and associated js files have been renamed to satisfy my OCD nature.   
The AI Settings page enables you to make global changes to the way the Interface looksThings you can change are:


This package also includes:
*Page Geometry
*The '''gauges.js''' file in the ''steelseries'' library - it has been modified to make to make the ''tooltips'' use the theme,
*:Use this to alter the gaps between the Header & Page content, and the Page content & Footer.
*The '''datatables''' and '''datatables editor''' library - again modified to make use of the themes.
*: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.
*Finally the '''PopupOverley''' library for the same reasons.
*: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 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===
===Known Issues===
At the moment I have not been able to make the AI open the ''Internet Settings'' ~ ''Web/Upload Site'' ~ ''Advanced Settings'' panel.  As this is only for very specific issues you may well not need to access it, but if you do, then simply use the default interface until I post a solution.
At the moment I have not been able to make the AI open the ''Internet Settings'' ~ ''Web/Upload Site'' ~ ''Advanced Settings'' panel.  As this is only for very specific issues you may well not need to access it, but if you do, then simply use the default interface until I post a solution.
313

edits

Navigation menu