This commit is contained in:
@@ -6,17 +6,21 @@ AyaNova is a single page web application; to the browser it is a single web page
|
||||
|
||||
### Consistent
|
||||
|
||||
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, 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.
|
||||
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.
|
||||
|
||||
On narrow screen devices such as smart phones and smaller tablets the form will be displayed vertically as a single column of fields.
|
||||
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.
|
||||

|
||||
|
||||
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.
|
||||
|
||||
|
||||
BIN
docs/8.0/ayanova/docs/img/form-narrow-example.png
Normal file
BIN
docs/8.0/ayanova/docs/img/form-narrow-example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
docs/8.0/ayanova/docs/img/form-wide-example.png
Normal file
BIN
docs/8.0/ayanova/docs/img/form-wide-example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Reference in New Issue
Block a user