admin/raven
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2022-01-19 22:47:23 +00:00
parent 838d665179
commit fe1229524e
1 changed files with 49 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
docs/8.0/ayanova/docs/ay-start-common-controls.md
View File

@@ -37,6 +37,25 @@ The Autocomplete list is at the heart of many forms in AyaNova and is provided t
There are many features in an Autocomplete list and it has it's own [Autocomplete documentation page](ay-start-form-autocomplete-md).
### Chart
![chart control](img/control-chart.png)
Charting controls are used in AyaNova to visualize information.
Charts adapt to the width of the display, simplifying where there is limited width and providing more details when there is enough width to display them.
Mousing over a chart provides specific details in some cases as in the image above where tracing the timeline with the mouse shows each data point in specific detail.
In addition many charts allow hiding or showing plotted items on multiple item charts by clicking on their legend box that describes that item and it's color.
Here is an example of a chart with multiple items plotted on it:
![chart control multiple](img/control-chart-multiple.png)
Clicking on the "Private bytes" legend hides that plot line and adjusts the scale:
![chart control multiple hide](img/control-chart-multiple-hide.png)
### Currency
![currency control](img/control-currency.png)
@@ -45,6 +64,22 @@ The currency control displays and accepts currency input.
The display and input format are controlled by both the device and web browser default settings for decimal numbers and the desired currency code set in the [User settings](home-user-settings.md/#currency-code) currency code field.
### Custom fields
Custom fields are customizable extra fields that can be enabled on each business object form.
These are provided for situations where there are special data items unique to each business that do not "fit" any of the standard AyaNova form fields.
Custom fields are documented on the [form customization](ay-customize.md/#custom-fields) help page.
### Dashboard widgets
Dashboard widgets are documented on the [Dashboard](home-dashboard.md) help page.
### Data table
Data tables are used throughout AyaNova to display lists of business objects and are documented in their own [Data table documentation page](ay-start-form-data-tables.md)
### Date
The Date control is used to display and choose dates without time. Dates are displayed in the devices local time zone by default but can be [overriden](ay-start-localization.md/#time-zone-override).
@@ -191,6 +226,12 @@ On a narrow screen device such as a smart phone the save button reverts back to
![menu item no surfaced](img/control-menu-not-surfaced-expanded.png)
## Notification
![notification control](img/control-notification.png)
Notification controls are used to convey status results of long running operations and temporary error messages. They appear at the bottom of the browser window briefly and then self close after a period of time determined by how much text is being displayed. Green notifications indicate successful status, Orange indicate a warning and Red indicates an error.
### Percent
![percent control](img/control-percent.png)
@@ -225,6 +266,10 @@ When the role control is opened for selection by clicking on the drop down caret
Place or remove a check in the checkbox to the left of a role to select or de-select that role.
### Schedule
The schedule control usage is documented in the [personal schedule](home-schedule.md) and [service schedule](svc-schedule.md) form help pages.
### Select
The select control is a simple drop down selection list used for short lists of fixed choices.
@@ -297,43 +342,8 @@ The url control displays and accepts URL addresses. Typically this would be a we
To the left of the URL display is an open button which when clicked will send the URL to the devices operating system to be opened. If it's recognized by the device as a web site address then a browser window will open to that address. Other types of URLS will be handled according to the device's URL handler.
## Display controls
### Chart
![chart control](img/control-chart.png)
Charting controls are used in AyaNova to visualize information.
Charts adapt to the width of the display, simplifying where there is limited width and providing more details when there is enough width to display them.
Mousing over a chart provides specific details in some cases as in the image above where tracing the timeline with the mouse shows each data point in specific detail.
In addition many charts allow hiding or showing plotted items on multiple item charts by clicking on their legend box that describes that item and it's color.
Here is an example of a chart with multiple items plotted on it:
![chart control multiple](img/control-chart-multiple.png)
Clicking on the "Private bytes" legend hides that plot line and adjusts the scale:
![chart control multiple hide](img/control-chart-multiple-hide.png)
## Notification
![notification control](img/control-notification.png)
Notification controls are used to convey status results of long running operations. They appear at the bottom of the browser window briefly and then self close after a period of time determined by how much text is being displayed. Green notifications indicate successful status, Orange indicate a warning and Red indicate an error result.
### Data table
Data tables are used throughout AyaNova to display lists of business objects and are documented in their own [Data table documentation page](ay-start-form-data-tables.md)
00000000000000000000000000000000000000000000000000000000000000
### Custom fields
### Dashboard widgets
### Schedule
### Wiki
Each business object form has available a Wiki control that allows for creation of a "wiki" page within each edit form for that business object.
Wiki control has it's own [Wiki documentation page](ay-start-form-wiki.md).