Inserting a QuickSearch Component

To insert a quickSearch component:

In the Design Structure Window of the desired file, expand the pageLayout or pageHeaderLayout node to locate the quickSearch named child node.
The quickSearch node is under pageLayout Named Children in pageLayout. or pageHeaderLayout Named Children in pageHeaderLayout .
Right-click the quickSearch node and choose Insert inside quickSearch | messageTextInput.
The new messageTextInput node is inserted and highlighted in the Structure Window. The Property Inspector displays the properties of the new component.
In the Property Inspector, set the following attribute for the messageTextInput component:
- prompt - Enter the text label to display next to the input field, e.g., Search.
In the Design Structure Window, expand the messageTextInput Named Children node to locate the end node. Right-click the end node and choose Insert inside end | submitButton.
The submitButton node is inserted and highlighted in the Structure Window. The Property Inspector displays the properties of the new component. You need to set an event handler for the submit button.
In the Property Inspector, set the following attribute for the submitButton component:
- text - Enter the text label to display in the button, e.g., Go.

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

Example (UIX XML)


...
<pageLayout>
  
  <!-- Insert quick search component -->
  
  <quickSearch>
    <messageTextInput prompt="Search">
      <end>
        <submitButton text="Go!"/>
      </end>
    </messageTextInput>
  </quickSearch>
  
  <!-- REST OF PAGE LAYOUT -->
  
</pageLayout>
...