Entering content frameBackground documentation Flow Builder Locate the document in its SAP Library structure

Use

To implement the flow logic for an HTML template in the Web Application Builder, you can use either the Flow Editor or the Flow Builder. In the Flow Editor, you must edit the necessary language elements of the flow logic manually, including its attributes. Conversely, the Flow Builder allows you to create the flow logic step-by-step, without you having to know the exact syntax. The system generates an initial representation, from which you create a flow logic – that is, you define a flow of states and events. The Flow Builder supports you by providing the input help and navigation functions you need.

Benefits of using the Flow Builder

Using the Flow Builder

To define the flow logic:

Call the Flow Builder:

  1. In the Object Navigator (transaction SE80), choose Internet Service.
  2. Select an HTML template.
  3. If the dialog logic has not been created, Choose Edit ® Create flow logic.
  4. Choose the Flow Builder tab.

For each new HTML template, the Flow Builder provides an initial representation of the flow logic with the initial state Start and the initial event onLoad.

This graphic is explained in the accompanying text

Define the states:

  1. In the tree display, double-click the state in which you want to include a module or modules. Alternatively, choose the appropriate function from the context menu.
  2. Enter the modules (BAPIs or RFC function modules). Use the possible entries help (F4), entering an asterisk (*) as a place-holder during your search.
  3. You can also enter other attributes for the module if you wish.
  4. This graphic is explained in the accompanying text

  5. Double-click a module name to modify its specification.
  6. If necessary, enter the mapping parameters and other attributes.
  7. The RFC parameters are already shown, either as Target (input parameters) or Source (output parameters). The same applies to exceptions for function modules.

    This graphic is explained in the accompanying text

  8. Choose This graphic is explained in the accompanying text Save to confirm your entries.
  9. Define the events:

  10. To create a new event, double-click the initial event onLoad (in the Events node) or choose the appropriate function from the context menu.
  11. In the dialog box that appears, choose This graphic is explained in the accompanying text to insert a line.
  12. Enter the name of the state, then either the name of the next state (within the same template) or a subsequent template.
  13. This graphic is explained in the accompanying text

  14. Choose This graphic is explained in the accompanying text to confirm your entries.

Special features when using the Flow Builder

In display mode, the system shows only those elements of the module or events that have already been maintained.

See also:

Structure link Flow Logic Syntax

 

 

Leaving content frame