Design Solution

After analyzing the Page before.htm, you need a set of elements that are easy to use and which can be used for the outlined task area. As a result, this is not a universal solution, but a solution for a clearly delimited application area.

Starting with the example, the initial situation is as follows:

All row and index counters are calculated automatically
All values for the layout (such as width, style, and so on) are hard-coded
Elements <htmlb:label> and <htmlb:inputField> are linked to each other.
The flexibility of the <htmlb:inputField> is still available, so that you can carry out functions such as password handling without any problems.

The format of the layout can be specified with BSP elements as follows:

Syntax Syntax

<sf:SimpleForm           id             = "sf" >
    <sf:SimpleFormItem    id              = "name"
                    label           = "Name:"
                    value           = "<%=name%>" />

    <f:SimpleFormItem    id              = "password"
                    label           = "Password:"
                    value           = "<%=password%>"
                    password        = "TRUE" />

    <f:SimpleFormItem    id              = "email"
                    label           = "Email:"
                    value           = "<%=email%>" />

</sf:SimpleForm>

End of the code.

Here you require a new BSP extension, which contains all of the necessary elements. You also need a test page, of course. Finally, you also need to implement the elements.

Activities

The following describes the procedure for implementing this solution:

Create the New BSP Extension
Create the elements for the new BSP extension
- Element <SimpleForm>
- Element <SimpleFormItem>
Generate your new BSP extension
Create the Page after.htm
Specify that the BSP elements are processed dynamically.