Understanding the Makeup of a Control on a Fluid Page

A basic input page control consists of two items:

  • The control.

  • The label.

The system considers the control and the label pairing as a single unit and presents them within a single container in the HTML—ps_box-<control_type>.

For example, in the case of an edit box, the system generated this structure in the HTML.

This example illustrates the appearance of the HTML used to display a page control.

Example of HTML for a fluid page showing label and control

The system generates default styles, which are styled through the style sheets. Applications can override or extend style by adding additional styles or replacing the top-level system default style. In the case of the example above, the application change chose to override the PeopleTools-provided style and it would remove the ps_box-edit class only in favor of the specified class from the application definition.