App Process Modeler Canvas
  • 19 Jul 2021
  • 2 Minutes to read
  • Contributors
  • Dark

App Process Modeler Canvas

  • Dark

The App Process Modeler is made up of Components Section displayed on the left side of the screen, Canvas in the center of the screen, and Action Items section on the right top corner.
new canvas.png

To build an App, users can drag-n-drop components from the Components Section on to the Canvas.

On the App Process Modeler screen, a user can find the following items:

App Modeler Components Screenshot
Components Tab - It consists of List, Task, BOS, Page, Condition, Annotation components Tab.png
Variables Tab - It is a space to add, view, and edit variables. variables tab.png
Search bar - It is used to search for a component or variable within the canvas. search bar.png
Role & App settings can be accessed by clicking the current role within the APM. To change Role or App settings, users can click on the dropdown icon next to ‘Current’ Role displayed on the screen.Change Role is used to change role related settings. Edit App Details is used to change the app related details. change role settings.png
Business Function Settings - To change the business function related information users can click on the dropdown icon provided next to the Business Function name in the center of the Canvas. The Settings option helps the user to made modifications to the existing business function. business function settings.PNG
Canvas Area - By default, the Start and End icons appear on the canvas. Users can Drag-n-drop Components from the Components Tab to build a fully functioning Business Function (App). The components are connected with appropriate connecters. canvas.png

The "Analyst" role and the "Purchase Requests" Business Function are for representation purpose only.

Edit Options in the App Process Modeler Sections

These are the following features that EdgeReady Cloud offers to edit the Business Function in the App Modeler canvas.

Canvas Edit Tab -

It provides icons to perform the following operations to edit components on the Canvas.

They are:

  1. Undo (to undo a particular action),
  2. Redo (to redo a particular action),
  3. Full Screen (To view the canvas in full screen), and
  4. Revert (To revert to the recent changes by selecting the appropriate version.)

action items.png

When Revert option is selected, the different versions of the App Modeler design needs to be specified.
revert changes.png

Connection Arrows -

There are two different Arrows that are used in the Modeler.

  1. The Navigational Arrow:
  • They are unidirectional arrows that is used for Navigation of the sequence.
  • They can be added to the left, right, and top of the screen (page).
  • They are connecting arrows that enable execution outside the page.
  • The pages created within the App Modeler canvas can only be redirected to another page with the help of the navigational arrow.
  1. The Invocational arrows:
  • These arrows that bidirectional and are restricted to a particular page.
  • Using this arrow, a script or service (Behavior or BOS) can written for a particular page.
  • The BOS written for a page using the invocational arrow can only be called by writing an Event for the particular page in the App Behavior section. This BOS cannot be executed outside this page.

The BOS will be called directly when logic is executed from one page to another if they are connected via navigational arrows.

connection arrows.png

Preview/Publish/Transport Icons -

These options are used in the deployment phase once the App design is complete.


This step is carried out once the App is created and ready to be moved for Quality Environment. Refer Preview/Publish/Transport document for more information.

Was this article helpful?