!--a11y-->
You use the HTMLBusiness editor to edit
HTML templates and flow files.The HTMLBusiness editor contains six views that fully support the design, maintenance and testing of HTML templates and flow files. These views are described in the following table:
View |
Description |
HTML Source |
This view displays the HTML source code, which includes standard HTML and HTMLBusiness statements that define the look and feel of the application. You can edit the source code directly here. HTML Source is the default view, which you always see when you start the HTMLBusiness editor to edit an HTML template. To use the visual editor, you can toggle to the Design view. For further information, see: |
Design |
This view is a visual editor for the HTML source code displayed in the HTML Source view. In this view, you can:
This maps HTMLBusiness function parameters to object properties.
To avoid the unintentional deletion of existing HTML templates, the SAP@Web Studio automatically creates a local backup file in the project directory called To edit the HTML source code directly, you can toggle to the HTML Source view. For further information, see Editing HTML Templates in the Design View. |
Context Data |
This view displays all the context data, including service file and runtime parameters, used to generate the HTML template at runtime.
|
Preview |
This view displays HTML templates as they look when displayed as an HTML page in the user’s Web browser, but without the data values supplied by the user at runtime. For further information, see Previewing HTML Template Layout. |
Flow Source |
This view displays the flow logic that defines the dialog flow of the flow file attached to the HTML template. You can edit the flow logic directly here. Only HTML templates that require a dialog flow definition have flow files. To use the visual editor, you can toggle to the Flow Chart view. For further information, see Flow File Development. |
Flow Chart |
This view is a visual editor for the flow logic displayed in the Flow Source view. You can edit the graphical layout of states and their relationships here. To edit the flow logic directly, you can toggle to the Flow Source view. For further information, see Flow File Development. |