diff --git a/docs/8.0/ayanova/docs/acc-service-rates.md b/docs/8.0/ayanova/docs/acc-service-rates.md index 28ddaf92..5f83a90c 100644 --- a/docs/8.0/ayanova/docs/acc-service-rates.md +++ b/docs/8.0/ayanova/docs/acc-service-rates.md @@ -38,7 +38,7 @@ Service rates can not be edited to change their Cost or Price once they are used ## Service rate data table -The Service rates [data table](ay-start-form-data-tables.md) lists all the service rates available and data table [common menu options](ay-start-form-data-tables.md#data-table-common-menu-options). +The Service rates [data table](ay-start-form-data-tables.md) lists all the service rates available and data table [common menu options](ay-start-form-data-tables.md#data-table-form-common-menu-options). ## Service rate edit form diff --git a/docs/8.0/ayanova/docs/ay-data-list-column-view.md b/docs/8.0/ayanova/docs/ay-data-list-column-view.md deleted file mode 100644 index 67f84d13..00000000 --- a/docs/8.0/ayanova/docs/ay-data-list-column-view.md +++ /dev/null @@ -1,3 +0,0 @@ -# DATA-LIST-COLUMN-VIEW Placeholder - -[UNDER CONSTRUCTION] diff --git a/docs/8.0/ayanova/docs/ay-start-form-data-tables.md b/docs/8.0/ayanova/docs/ay-start-form-data-tables.md index bedf5d24..37cc0334 100644 --- a/docs/8.0/ayanova/docs/ay-start-form-data-tables.md +++ b/docs/8.0/ayanova/docs/ay-start-form-data-tables.md @@ -2,7 +2,9 @@ Data tables are used to view, report, bulk edit or open AyaNova business objects for editing. -## Data table common menu options + + +## Data table form common menu options Most data tables in AyaNova share the same common menu options. These options might not be available for _all_ forms depending upon the Roles assigned to the current User or the type of AyaNova business object being listed. @@ -46,6 +48,28 @@ The help menyu item will open a specific help document from the manual related t About menu option will open the [About form](ay-about.md) which displays the version information and other information and links helpful for technical support and diagnostic / troubleshooting purposes. + +## Data table header + +![App bar](img/form-data-table-header.png) + +The data table header area from left to right contains the [Saved filter](#saved-filter) control, refresh control which fetches a fresh copy of the data table from the server and a [column selector](#column-selector) control to choose which columns are displayed and in which order. + + + + +### Saved filter + +todo: saved filter docs here + +### Column selector + +TODO: fill in here, do not change this title without chaging at the cilent end as well. + + + +00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 + elements of the data table filtering diff --git a/docs/8.0/ayanova/docs/ay-start-form-overview.md b/docs/8.0/ayanova/docs/ay-start-form-overview.md index ca4d66ff..3c0ce9d1 100644 --- a/docs/8.0/ayanova/docs/ay-start-form-overview.md +++ b/docs/8.0/ayanova/docs/ay-start-form-overview.md @@ -24,12 +24,25 @@ The overall AyaNova user interface consists of three main components: ### App bar -The purpose of the app bar is to show which part of AyaNova is currently open by displaying a text title and often an icon corresponding to the form being displayed in the main view area. +The App bar is a form of tool bar and it's purpose is to show which part of AyaNova is currently open by displaying a text title and often an icon corresponding to the form being displayed in the main view area and provide links to other areas of AyaNova via the context menu. + +A blue app bar indicates the current view is in a main area of AyaNova, either a data list or some other form not a specific record being edited. + +![App bar](img/form-appbar.png) + -A blue app bar indicates the current view is a main area of AyaNova and not a specific record being edited. A green app bar indicates a specific record is being edited in an edit form. -The app bar also hosts the [context menu](#context-menu) which appears as three dots stacked on top of each other and the "hamburger" icon which looks like three horizontal bars stacked on top of each other and is used to show or hide the [navigation drawer](#navigation-drawer) +![App bar](img/form-appbar.png) + + +The far left side of the App bar shows the navigation drawer "hamburger" icon which looks like three horizontal bars stacked on top of each other and is used to show or hide the [navigation drawer](#navigation-drawer) + +The center part of the navigation bar shows an icon and information pertaining to which record are area of AyaNova is currently open. + +The right side shows a bell icon which indicates if any unviewed notifications have arrived and is also a shortcut to open the user's [notifications](home-notifications.md) form to view notifications. + +Finally, to the far right is the [context menu](#context-menu) which appears as three dots stacked on top of each other. On wider screen devices some commonly used context menu items will be "surfaced" between the notifcation bell icon and the context menu icon to save a click. ### Navigation drawer diff --git a/docs/8.0/ayanova/docs/img/form-appbar.png b/docs/8.0/ayanova/docs/img/form-appbar.png new file mode 100644 index 00000000..d1fc037d Binary files /dev/null and b/docs/8.0/ayanova/docs/img/form-appbar.png differ diff --git a/docs/8.0/ayanova/docs/img/form-data-table-header.png b/docs/8.0/ayanova/docs/img/form-data-table-header.png new file mode 100644 index 00000000..6630a1f0 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/form-data-table-header.png differ diff --git a/docs/8.0/ayanova/docs/img/form-edit-appbar.png b/docs/8.0/ayanova/docs/img/form-edit-appbar.png new file mode 100644 index 00000000..92ba0525 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/form-edit-appbar.png differ