Inicio del área de contenido

Documentación de función HTMLBusiness Editor Localizar documento en árbol de navegación

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:

  • Insert controls from the Toolbox window by drag and drop
  • Edit controls by maintaining properties displayed in the Properties window

This maps HTMLBusiness function parameters to object properties.

  • Insert graphics directly from the Workspace –Project View

To avoid the unintentional deletion of existing HTML templates, the SAP@Web Studio automatically creates a local backup file in the project directory called <file name>.bak when you edit an HTML template for the first time.

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.

Fin del área de contenido