This commit is contained in:
2022-04-28 19:27:22 +00:00
parent 89494d09ae
commit ec988fdad8
57 changed files with 91 additions and 71 deletions

View File

@@ -52,7 +52,11 @@ A green app bar indicates a specific record is being edited in an edit form.
![App bar](img/form-edit-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)
#### Navigation button
![navigation drawer button icon image](img/form-navigation-drawer-hamburger-icon.png)
The far left side of the App bar shows the button to open the navigation drawer as a "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) which is used to move around in AyaNova.
The center part of the App bar shows an icon and information pertaining to which record or area of AyaNova is currently open.
@@ -62,17 +66,33 @@ Finally, to the far right is the [context menu](#form-context-menu) which appear
### Navigation drawer
The navigation drawer shows all the areas of AyaNova the currently logged in user has rights to access. Clicking on an item in the navigation drawer will cause that view to be displayed in the view area of AyaNova.
![navigation drawer](img/form-navigation-drawer.png)
The navigation drawer shows all the areas of AyaNova the currently logged in user has rights to access.
It's called a 'drawer' because is slides in and out as required to save screen space.
Clicking on an item in the navigation drawer will cause that view to be displayed in the view area of AyaNova.
The navigation drawer can be displayed or hidden by clicking on the "hamburger" icon in the app bar.
### Main view area
The main View area is where the currently selected form is displayed and worked with.
![main view area](img/form-main-view-area.png)
The main View area is where the currently selected data table / edit form is displayed and used.
## Form context menu
The context menu is located in the app bar above every form in AyaNova and looks like 3 dots stacked vertically. It is called the "context" menu because the options in it will change based on the context of the particular form in use, User rights and the current state of an object being edited.
![context menu icon](img/form-context-menu-icon.png)
The context menu icon button is located in the app bar above every form in AyaNova and looks like 3 dots stacked vertically.
When you click on the context menu icon button a context menu will open with options relevant to the particular area of AyaNova you are in.
![context menu](img/form-context-menu.png)
It is called the "context" menu because the options in it will change based on the context of the particular form in use, User rights and the current state of an object being edited.
On larger screens the most commonly used options will move from inside the context menu to the main app bar to save a click.