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: wpf7
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: wpf7
A popup command in the model editor lets you change the layout of elements created by a Data Page builder.
Validating data fields: wpf7
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: wpf7
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.
Creating pages: wpf7
Pages in IBM WebSphere Portlet Factory models can be obtained from outside the model or created as you work in the model.
Creating forms: wpf7
If you do decide to create your own forms, you will need to perform the following steps:
Creating forms from multiple variables: wpf7
You can create a form from multiple variables generated by the Profiled Web Service Call builder.
Resetting a form: wpf7
You can redisplay a form page, resetting the form values to their initial values.
Displaying an input form based on an XML variable: wpf7
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: wpf7
You can create a "View Only" form that displays the contents of an XML variable.
Making form fields readonly: wpf7
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: wpf7
Use the Button builder, the Link builder or HTML event action for form submittal.
Adding the Data Page builder call to the model: wpf7
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: wpf7
Use the Data Page builder to create a sample HTML page for the input form.
Creating a properties file for all form fields: wpf7
Use the the Data Page builder to modify all labels in a form.
Modifying the label for a single form element: wpf7
To alter the label for just one element in the data, use a Data Field Modifier builder.
Generating an HTML page from the data: wpf7
You can configure the Data Page builder call to generate an HTML page based on the data.
Using tables in forms: wpf7
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: wpf7
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 applicationwide date and time format: wpf7
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: wpf7
The Data Field Modifier builder can be used to validate dates and times.
Validating date and time with the DateTime Formatter builder: wpf7
The Date/Time Formatter builder can be used to validate dates and times.
Formatting and validating form values: wpf7
Use the steps in this description to do specialized, detailed formatting of fields.