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-21 00:07:11 +00:00
parent dcc029374d
commit fbca62b6dd
2 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
docs/8.0/ayanova/docs/ay-start-form-overview.md
View File

@@ -1,22 +1,31 @@
# FORMS
# Forms
[UNDER CONSTRUCTION]
All areas you can navigate to in the AyaNova web application are described as "forms" in the documentation.
#b4beta (clear this for release, probably just needs a read over and remove these tags unless there really are missing items or ss would help)
AyaNova is a single page web application; to the browser it is a single web page that uses Javascript code to modify the contents of the page depending on where the User navigates.
todo: screenshots, missing sections
### Consistent
## Overview
We work hard to ensure AyaNova displays and acts the same on every supported web browser, platform and operating system.
It is our goal that a user should have the same experience on Chrome in Linux, Safari in iOS or FireFox in Windows (for example) and we test and support the most recent two releases of all major browsers.
### Responsive display
The AyaNova interface is designed to be "responsive" which means it will adapt what is displayed to accomodate to the size of the device being used.
This means that on smaller screens items will be displayed in a vertical manner and on larger screens they will flow outwards horizontally to make the best use of screen space.
In addition some elements are customized to be easiser to use with specific sizes of devices. For example a data table list of records will show as a traditional horizontal table with columns on a larger display to take advantage of the horizontal space and on a smaller device the same list will appear as a series of vertical boxes containing each record. This avoids the need to scroll sideways on any screen size.
On narrow screen devices such as smart phones and smaller tablets the form will be displayed vertically as a single column of fields.
On wider screen devices form fields will flow outwards horizontally to make the best use of screen space.
In addition to the layout changing, some elements are customized to be easiser to use with specific sizes of devices. For example a data table list of records will show as a traditional horizontal table with columns on a wider display to take advantage of the horizontal space and on a smaller device the same list will appear as a series of vertical boxes containing each record.
This avoids the need to scroll sideways on any screen size.
The responsive display is dynamic which means it will adapt on the fly to the screen size even if it changes, so, for example if you rotate a narrow screen sideways the display will change to take advantage of the wider display area.
Some browsers and devices may not recognize a change of width and it may be necessary to refresh the page for the view to fully adapt in some cases. If you have to scroll a data table sideways hit refresh / reload in the browser.
### Main user interface components
The overall AyaNova user interface consists of three main components:
@@ -79,6 +88,14 @@ For items that are mobile or may not have a street address such as a Customer un
The default map provider is Google Maps but you can select from many other options or add your own under [User settings map url template](home-user-settings.md#map-url-template) setting.
## Data table forms
All the main AyaNova _list_ forms are "data table forms" and documented in detail in the [data table forms](ay-start-form-data-tables.md) documentation page.
## Edit forms
Individual business object editing forms have a common set of features and are documented in detail in the [edit form](ay-start-edit-forms.md) documentation page.
## Form controls
AyaNova forms consist of a common set of controls which are documented in detail in the [common controls](ay-start-common-controls.md) documentation page.