The layout of Web screens is designed in the Web Screen Editor by adding, for example, formatted text, widgets for dynamic content, or screen layout elements such as Table and Container widgets.

The Web Screen Editor is divided into the following areas:

Web Content Canvas

Is where you design web screens. See more about the Web Content canvas.

Widgets Toolbox

Provides widgets to design your web screen. See more about the Widgets toolbox.

Design and Preview Buttons

Allows you to switch between design and preview modes. See more about the Design and Preview buttons.

Formatting Toolbar

Allows you to format your text and align widgets. See more about the Formatting toolbar.

Table Toolbar

Allows you to manage your tables. See more about the Table toolbar.

Breadcrumb

Presents the location of the web screen in Service Studio. Click on listed elements to open them on the canvas and highlight them in the eSpace Tree.

Widget Tree

Presents a tree view of all web screen widgets. See more about the Widget Tree.

Widget Selector

Presents the widgets hierarchy of the currently selected widget. See more about the Widget Selector.

See Also

Design Web Screens | Apply Web Styles