Using the Form Component

Note: The form component is automatically inserted for you when you create a new UIX XML page using one of the options in the New Gallery - Web Tier - ADF UIX category.

To use a form element:

In the Design Structure Window of the desired file, locate the node in which you wish to insert a form component.
In the Component Palette, select Form Components from the dropdown list, and then drag and drop the form component to the parent node of your choice.
The form node is inserted and highlighted under the expanded parent node.
In the Property Inspector, set the following attributes for the form component:
- name - (Required) Enter a name for the form.
- method - Default is GET. This is the HTTP method used for submission.
- destination - Enter the URI to deliver the form data to. If this attribute is not set, the form will deliver its data back to the URI that delivered the page.
- inlineStyle - Enter the inline CSS style for this component. In the right column, click the icon to open a dialog, then click New to enter the CSS property values. The property element defines a single name/value pair. The name is defined by the Name attribute, and the Value by the plain-text contents of the element. For example, you can enter 'color' for Name, and 'red' for Value. In the Advanced tab, you can enter an EL syntax data binding expression or use the Bind to Data dialog to select a data source for this complex attribute.
- targetFrame - Enter the target frame for the form.
- usesUpload - Select true to enable form file upload support. Default is false. This attribute is not supported on the following agent types: pda, phone, voice.
- onSubmit - Enter the JavaScript code to be called when the form is submitted.

Note: To use data binding, see Data Binding a Component Attribute.

Example (UIX XML)


...
<form name="myform"
      usesUpload="true"
      method="GET">
  <contents>
    <fileUpload columns="10"
                name="inputfile"/>
    </contents>
</form>
...