Show TOC

Procedure documentationCreating a Form Layout

 

You use this when you want to display data using a form.

A form component is a generic design template for displaying data in a form. You can specify the following:

  • Row and column arrangement of the form

  • Fields and attributes

  • Buttons and attributes

Prerequisites

You have created a form scenario.

Procedure

Opening the Component Configuration Window

Adding Fields to a Form

Proceed as follows for each form field:

  1. Click Repositories. The Repositories panel is displayed on the left.

  2. In the Fields section of the Repositories panel, choose a field, and use drag-and-drop to drag it onto the Preview area.

  3. Click Attributes. The Attributes panel is displayed below the Preview panel.

  4. In the Attributes panel, set the attributes for the field, such as the position of the field on the form, the label and display type.

Adding Buttons to a Form

Proceed as follows for each form field:

  1. Click Repositories. The Repositories panel is displayed on the left.

  2. In the Buttons section of Repositories panel, choose a button, and drag it onto the Preview panel.

  3. Click Attributes. The Attributes panel is displayed below the Preview panel.

  4. In the Attributes panel, set the attributes for the button, such as the position of the field on the form, the label and display type.

Making Changes Using the Form UIBB Schema Panel

This panel outlines the structure of the form UIBB, and displays its UI elements. You can make the following changes in the Form UIBB Schema panel:

  • Select a row containing an individual element of the UIBB and edit its attributes in the Attributes panel.

  • Add additional, UIBB-specific elements to the UIBB by choosing buttons on the toolbar or by dragging existing ones from the Repositories panel.

  • Move individual elements within the schema by using the Up and Down buttons, or by dragging them to a new location.

  • Add elements or buttons.

  • Select elements in the schema and edit their attributes in the Attributes panel.

  • Drag elements between the Repositories panel and the Schema panel.

Result

You have created the form with all necessary fields and elements.