The pages and forms in your application provide for the viewing of data and the interaction between the user and the application logic and data.
In IBM® WebSphere® Portlet Factory applications, these pages are not typically static, but acted upon by a variety of builders that determine the user interface (UI) for the page directly as well as other builders that affect the page contents indirectly.
Forms and pages are distinct because their development follows different paths. Developing forms primarily involves using two high level builders (for example, Data Page builder and Data Field Modifier builder) to implement UIs that display and prompt for data.
Developing content pages involves a larger number of low level builders that implement different aspects of HTML functionality (for example, Page builder).
Importing existing pages and forms
You can implement the user interface for your web application by importing existing HTML or JSP pages into the model.
Modifying the layout of data page elements
You can modify the layout of data page elements in multiple ways.
Validating data fields
You can manage the validation of user input on a data entry page created by Data Page builder or builders that use the Data Page builder.
Modifying field display settings
You can use the right-click menu in the model editor to modify some of the settings that are used for displaying a column or a field.
Pages in IBM WebSphere Portlet Factory models can be obtained from outside the model or created as you work in the model.
If you do decide to create your own forms, you will need to perform the following steps:
Creating forms from multiple variables
You can create a form from multiple variables generated by the Profiled Web Service Call builder.
Resetting a form
You can redisplay a form page, resetting the form values to their initial values.
Displaying an input form based on an XML variable
In a simple form in which you access the contents of an XML variable, you can display the data based on the contents of the XML variable.
Displaying the contents of an XML variable
You can create a "View Only" form that displays the contents of an XML variable.
Making form fields read-only
You can use the input controls on a generated page to specify elements that the user can change.
Adding a builder call to submit the form
Use the Button builder, the Link builder or HTML event action for form submittal.
Adding the Data Page builder call to the model
If the model has a page on which the Data Page builder can place (or work with) a form, configure the Data Page builder call to implement the form behavior you want.
Creating a sample HTML page for the form
Use the Data Page builder to create a sample HTML page for the input form.
Creating a properties file for all form fields
Use the the Data Page builder to modify all labels in a form.
Modifying the label for a single form element
To alter the label for just one element in the data, use a Data Field Modifier builder.
Generating an HTML page from the data
You can configure the Data Page builder call to generate an HTML page based on the data.
Using tables in forms
If you create the HTML page for use with a Data Page builder, you can control how the Data Page creates this table.
Displaying data with the Data Page builder
The Data Page builder provides you with the ability to display the results of a service call, SQL statement, or any other builder call that provides data.
Setting up an application-wide date and time format
Use the Date / Time Formatter builder to control the display of date and time values in a specific format.
Validating with the Data Field Modifier builder
The Data Field Modifier builder can be used to validate dates and times.
Validating date and time with the Date/Time Formatter builder
The Date/Time Formatter builder can be used to validate dates and times.
Formatting and validating form values
Use the steps in this description to do specialized, detailed formatting of fields.