Show TOC

Procedure documentationEditing a Form Component inside an Application Locate this document in the navigation structure

 

You can change the appearance of a form inside a Floorplan Manager application at any time. Forms are displayed on the screen using a configuration of the form component based on the FPM_FORM_UIBB UI building block.

This procedure details how to edit the UIBB component of an application, using a form component as an example.

Procedure

To edit a form component in an application, proceed as follows:

  1. Run the application and do either of the following steps:

    1. Choose the Customize Page button on the toolbar. Create a new Customizing for the component if none exists and select the relevant transport request.

      FLUID is opened and displays the application in edit mode.

      1. Choose the Navigation button in the main toolbar to display the Navigation panel and find the page on which the form component exists (you can see the form immediately in the Preview panel).

      2. Choose the form component in the Preview panel; the box changes color and a button appears in the top right corner of the box.

      3. Choose the button in the box.

    2. Choose the Show Configurable Areas button on the toolbar.

      Any UIBB that is configurable changes color when you hover the mouse over it.

      1. Click the configurable form component in your application. Create a new Customizing for the component if none exists and select the relevant transport request.

        FLUID is opened and displays the application in edit mode.

  2. FLUID now displays the settings relevant for the form component only (and not for the floorplan component). Notice that there are now different fields in the General Settings tab; these are fields specific to the form component.

  3. Choose the Attributes and Repositories buttons on the toolbar to display the corresponding panels.

    You can now make the following changes, amongst others, using the panels below:

    • Form UIBB Schema

      Select a row containing an individual element of the form component and edit its attributes in the Attributes panel. For example, you can reposition the label of a field in the form or change the display type of a field.

      Add additional fields, toolbars, and toolbar elements to the form by choosing the Add Element button on the toolbar or by dragging existing fields from the Repositories panel.

    • General Settings

      Make changes to the form component as a whole, for example, change the layout of the form. You can also edit the feeder class of the form component or the parameters of the feeder class.

    • Preview

      In the Preview you can use the drag-and-drop feature to reposition single and multiple elements on your form. If the height of an element's field and label are identical, you can resize (lengthen) them at the same time by making sure both are selected when you resize. You can delete an entire row as long as there is no element in it. Choosing the Add Line button on the Preview toolbar will insert a new line under the cell or row that is currently selected. You can also edit the field labels directly in the Preview.

      To add new elements to the form, choose the buttons on the Preview toolbar or drag the elements from the Repository to the Preview.

  4. Make your changes and choose Save.

To see your changes at runtime, choose Test under the Additional Functions button on the toolbar.

More Information

Editing Applications with FLUID