Use UI Flows to organize your screens into groups and have an overview of the interfaces and interactions. The Main Editor shows the connections between the screens. The black line indicates a simple link navigation, while the red line means there is processing involved before navigating. Even though you can draw connectors in the Main Editor of the UI Flow, these connections are only visual - the connections must be defined in the screens. All screens in the same flow share common settings.
UI Flows in Web
A UI Flow in web applications has an Entry Point which defines the URL within the application. The Entry Point with the property Is Default set to true is the index page of the web application.
You can drag and drop screens and entities in a UI Flow for web to start the accelerators (scaffolding). The same can be achieved by using the tools List Screen and Detail Screen. A UI Flow of web applications has security settings that are applied to all screens within the flow.
UI Flows in Mobile
The default screen in mobile applications is defined in the Default Screen property of the module. Due to the mobile architecture, the accelerators for lists do not exist in the mobile runtime.
UI Flow toolbox
These are the tools you can use by dragging them to the Main Editor of a UI Flow.
|Toolbox in Web Runtime||Toolbox in Mobile Runtime|
The table below describes the UI Flow tools and specifies if they are available for web or mobile apps.
|List Screen||Launches a wizard to select an entity and creates a list page with search and pagination.||web|
|Detail Screen||Launches a wizard to select an entity and creates a page for editing entity records.||web|
|Entry||Creates the entry point to the flow and defines part of the URL.||web|
|Web Screen||Creates a web screen.||web|
|Screen||Creates a mobile screen.||mobile|
|Web Block||Creates a web block.||web|
|Block||Creates a block.||mobile|
|Creates content for email.||web|
|Go To Destination||Navigates to a screen.||web|
|External Site||Navigates to the specified URL.||web, mobile|
|Comment||Creates a comment for developers, visible in Service Studio. The Comment node is not part of the logic.||web, mobile|