Touch Panel Ui Diagram; Adding Ui Elements To The Ui Diagram - AMX VISUALARCHITECT 1.1 Manual

Defining the Navigation for UI Devices
The basics of defining the Touch Panel UI include:
1. Adding UI Elements to the UI diagram - drag-and-drop UI Elements from the Toolbox onto the
diagram.
2. Connect the UI Elements - draw connection lines to establish the flow between the pages and UI
Elements.

Touch Panel UI Diagram

For every Touch Panel added to the system, a separate Touch Panel UI tab is added to the Diagram Area.
Each Touch Panel UI tab consists of a Touch Panel UI Diagram - the graphic representation of the
elements in the touch panel GUI, and their navigation layout.
This is where you can add and connect UI Elements to establish a flow from one area of the UI to
another.
An example of a simple Touch Panel UI diagram is shown below (FIG. 81):
FIG. 81 Touch Panel UI diagram
Right-click on any UI Element to access the Touch Panel UI Diagram context menu.

Adding UI Elements To The UI Diagram

The first step in defining the UI for a touch panel is to add UI Elements to the Touch Panel UI Diagram.
This includes selecting the elements (pages and popup pages) that you want in the UI, adding them to the
UI diagram, connecting elements (to establish) the flow from one page to the next, and configuring UI
element properties.
Notes:
1. In the Toolbox, click on an Element tab to display the UI elements of that type available to choose
from, within the template applied to this panel.
102
You must select a template for the panel (via the Template option in the Device Properties
window of the System Tree) to populate the Element tabs in the Toolbox with selections.
You must install at least one template (via the Touch Panel Template Manager dialog) to have
a template available to apply to your panel.
CONFIDENTIAL AND PROPRIETARY. COPYRIGHT, AMX LLC, 2006
VisualArchitect v1.1