Outline View

Provides an alternate way to view and navigate the components of your Hybrid App.

By default, the Outline view is located in a tab next to the Enterprise Explorer view.

The Outline view toolbar contains two icons that you can click to toggle between two view types:

• Outline – a tree representation of the components of your Hybrid App.
• Overview – a static thumbnail image of the current Flow Design or Screen Design page. The image changes when you open either page.

The Outline provides a dynamic tree that you can use not only to view your application components, but navigate to them. The tree is organized hierachically:

• The root nodes represent starting points, listed by type (Activate, Credential Request, and so on).
• Under each starting point are the screens that flow from the point. (For this reason, a screen can appear more than once in the tree).
• Under each screen are component categories (Controls, Keys, Menu, and so on). Each category node shows a counter for the number of components in the screen.
• Under each component category are the individual components in the screen.

  Custom actions and menu item nodes show the action type.

Navigation actions from the Outline vary depending on which Designer page is currently open:

• Click an item in the Outline to select the corresponding component in the current Screen Design or Flow Design and open its properties view.

  With the Screen Design page open, this action selects the component. With the Flow Design page open, selecting a component within a screen displays its parent screen.

  For example, to navigate to a particular key, you can select the key in the Outline with the Screen Designer open. The Properties view opens to the Keys tab and selects the key in the list.

• Double-click an item in the Outline to select the corresponding component in the Screen Design. If the Flow Design page is currently open, the Designer switches to the Screen Design page.

  This can be useful if the Flow Design page is currently open and you want to navigate to a component within a screen.