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:

<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>
         

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.

The following describes the procedure for implementing this solution:

1. Create the New BSP Extension

2. Create the elements for the new BSP extension

   • Element <SimpleForm>

   • Element <SimpleFormItem>

3. Generate your new BSP extension

4. Create the Page after.htm

5. Specify that the BSP elements are processed dynamically.