Follow

Controls, Pages, & Connections

At the most basic level, Zapps are made up of three key elements: Controls, Pages, and Connections. This article will provide a high-level overview of these three concepts which are illustrated in greater detail throughout the Building a Zapp section.

 

Controls

Controls are the most basic building block of a Zapp. They can consist of any web element included in the source application, including text, images, links, tables, lookups, and more. Capturing controls is one of the key tasks of Zapp building.

 

Screen_Shot_2017-05-30_at_1.54.07_PM.png

 

To capture a control, the designer selects the appropriate control type in the Designer toolbar and highlights the control in the source application. Capriza translates each captured source application (web) control into a corresponding mobile control to render the Zapp. The Zapp emulator, located on the righthand side of the Designer, displays this mobile rendering as you add controls.

 

Screen_Shot_2017-05-30_at_1.55.23_PM.png

 

The reliability of a Zapp depends on the strength of the relationship between each pair of web and mobile controls. The designer can augment the strength of this relationship by providing information on the control itself, its location, and its location relative to other controls. Please see the Strengthening Basics article for more information.

 

Pages

 

One or more controls are combined together on a page. While the mobile pages that make up a Zapp are translated from the source application, Capriza provides the flexibility to go beyond the source application design and split and combine pages in a way that is more tailored to a mobile experience.

 

You can access the Pages menu by selecting the Pages option at the bottom of the mobile emulator.

 



 

See Create a Page, Delete a Page, and Declarative Pages for more information.

 

Connections

 

To enable end users to complete the workflows and processes for which each Zapp is intended, pages must be linked together in a logical sequence. In the Designer, this concept is referred to as Connections.

 

You can access the Configure Connections menu by clicking the caret in the upper right hand corner of the mobile emulator and selecting configure connections.

 



 

The Configure Connections menu enables you to view and configure all outgoing, incoming, and internal connections within the page. Connections can be simple (i.e. a new source application page opening leads to a new Zapp page) or based on more complex logic depending on end user actions. They are both automatically captured and can also be manually defined to enable a greater level of customization. Please see Connection Configuration Options for more information.

 



 

In addition, you can access a global view of all connections by clicking the Connections option in the bottom left hand corner of the emulator.

 



 

Hovering over each page in the Connections menu displays that page's Connections with other pages in the Zapp.

 




 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.