Inserting a ResetButton

To insert a resetButton component:

In the Design Structure Window of the desired file, locate the node in which you wish to insert a resetButton component.
In the Component Palette, select Form Components from the dropdown list, and then drag and drop the resetButton component to the parent node of your choice.
The resetButton node is inserted and highlighted under the expanded parent node.
In the Property Inspector, set the following attributes for the resetButton component:
- text - Enter the text that displays in the button.
- name - Enter a name for the component.
- formName - Enter the name of the form whose contents should be reset. If this attribute is not set, UIX will search for the first parent form that contains the button and use the name of that parent form. This attribute is not supported on mobile devices because the resetButton is limited to resetting the form that contains it.
- primaryClientAction - Enter the client action to fire on the client. In the right column, click the icon to enter a ClientAction. See Editing the PrimaryClientAction Attribute for details. Alternatively, use the Advanced tab to 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 button.
- textAndAccessKey - To set both the button text and an access key, use the ampersand ('&') notation. For example, setting this attribute to "T&ext" will set the button label to "Text" and the access key to 'e'.

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

Example (UIX XML)


...
<form name="resform">
  <contents>
    <stackLayout>
      <contents>
        <styledText text="Reset Elements." styleClass="OraHeaderSubSub" />
        <checkBox text="Box1" name="checkbox1" value="1" />
        <checkBox text="Box2" name="checkbox2" value="2" checked="true"/>
        <checkBox text="Box3" name="checkbox3" value="3" />
        <resetButton text="RESET" accessKey="r" />
      </contents>
    </stackLayout>
  </contents>
</form>
...