Query Panel field extends beyond right margin

Question

I've a .jspx with a Query Panel. The problem is that the search field for a 500-character string attribute extends beyond the right margin; so if a user enters a long search criterion, the user can never see the entire criterion.
Is there a way to force such fields to be multi-line; in other words, to be the functional equivalent of an af:inputText with the Rows attribute set to greater than 1? I've tried setting various combos of af:query attributes, but to no effect, so would appreciate some advice:
Here is the relevant part of the page source:
<f:view>
<af:document id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:pageTemplate viewId="/mainTemplate.jspx" id="pt1">
<f:facet name="content">
<af:group id="mainGroup">
<af:panelGroupLayout layout="vertical" id="pgl1">
<af:panelHeader text="#{viewcontrollerBundle.ACCESSIBILITY}" id="ph1"
helpTopicId="APP_HELP_RECONSTRUCTION">
<af:query id="qryId1" headerText="Search" disclosed="true"
value="#{bindings.AccessibilityMasterDetailsJoinedVCAltContainsQuery.queryDescriptor}"
model="#{bindings.AccessibilityMasterDetailsJoinedVCAltContainsQuery.queryModel}"
queryListener="#{bindings.AccessibilityMasterDetailsJoinedVCAltContainsQuery.processQuery}"
queryOperationListener="#{bindings.AccessibilityMasterDetailsJoinedVCAltContainsQuery.processQueryOperation}"
resultComponentId="::resId1"
criterionFeatures="matchCaseDisplayed"/>
</af:panelHeader>
<af:table
</af:table>
</af:panelGroupLayout>
</af:group>
</f:facet>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
Versions: JDeveloper 11.1.1.4, ADF Business Components 11.1.1.59.23. Same issue occurs in both Firefox 3.n and IE 8.n.
Thanks!

Answer 1

Thanks Suresh. That solves the most important part of the question, it makes for a huge improvement.
What i am also wondering is whether on a query panel the search field can be made to display as 'multi-line'. for example, a Display Width of 175 keeps the entire search field visible sans extending beyond the right margin. However, if the user has a search string of more than 175 chars - which could happen in our use case - the user still has to 'scroll' to see the remaining characters (this is a 500-char attribute). So I am wondering if ADF provides the ability to make the search text box display as multi-line.
After following your suggestion i also tried settting the Display Height control hint to 4. But the field rendered in the browser as a 1-row field.