* Add "nagivation" page for app * Updates * Add separate screen for search results * Screenshot updates
2.1 KiB
title
title |
---|
App Navigation |
Home Screen
The app home screen provides quick-access buttons for stock view and actions:
{% with id="home", url="app/home.png", maxheight="240px", description="Home screen" %} {% include 'img.html' %} {% endwith %}
Tab Display
Some screens provide multiple tabbed views, which are displayed at the top of the screen:
{% with id="global_nav", url="app/app_tabs.png", maxheight="240px", description="App tabs" %} {% include 'img.html' %} {% endwith %}
Tabs can be navigated by pressing on the text of each tab, or by scrolling the screen left or right.
Global Actions
The Global Action buttons are visible on most screens, displayed in the bottom left corner of the screen:
{% with id="global_nav", url="app/app_global_navigation.png", maxheight="240px", description="Global navigation actions" %} {% include 'img.html' %} {% endwith %}
Open Drawer Menu
The action opens the Drawer Menu, which is a quick-access menu for global navigation:
{% with id="drawer", url="app/drawer.png", maxheight="240px", description="Open drawer menu" %} {% include 'img.html' %} {% endwith %}
The Drawer Menu can be accessed in the following ways:
- From the Home Screen select the Drawer icon in the top-left corner of the screen
- From any other screen, long-press the Back button in the top-left corner of the screen
Search
The action opens the Search screen
Scan Barcode
The action opens the barcode scan window, which allows quick access to the barcode scanning functionality.
Context Actions
Within a given view, certain context actions may be available. If there are contextual actions which can be performed, they are displayed in the bottom right corner:
{% with id="drawer", url="app/context_actions.png", maxheight="240px", description="Context actions" %} {% include 'img.html' %} {% endwith %}
!!! tip "Barcode Actions" Available barcode actions are displayed in a separate context action menu