Remove vertical scrollbar from multi-row af:inputText

Question

Hi,
Is it possible?
I'm using JDeveloper 11.1.2.1
I have two text field (af:inputText) and field 2 is a multi line row, which automatically adds extra width for the vertical scrollbar, and throws off the right alignment
field 1 |________|
field 2 |_______|v|
I need both field 1 and 2 to be left and right aligned
i.e.
field 1 |_______|
field 2 |_______|
Is there a way to do this? I was thinking this could be achieved by removing the vertical scrollbar, but I'm not sure how to do this.
Also, the application needs to be viewed in both mobile device (iPad) and desktop. Since iPad doesn't use scrollbar (hence it's not rendered), setting both fields to have fixed width won't achieve what i need, because it will be correct in one version, but not both.
Thank you for any information.
Regards,
Andi

Answer 1

Hi Navaneeth,
Code:
<h:panelGrid columns="2" id="pg1">
<af:outputLabel value="Field 1" id="ol5"/>
<af:inputText value="#{bindings.ModelCode1.inputValue}"
required="#{bindings.ModelCode1.hints.mandatory}" columns="#{bindings.ModelCode1.hints.displayWidth}"
maximumLength="#{bindings.ModelCode1.hints.precision}"
shortDesc="#{bindings.ModelCode1.hints.tooltip}" id="it4">
<f:validator binding="#{bindings.ModelCode1.validator}"/>
</af:inputText>
<af:outputLabel value="Field 2" id="ol4" shortDesc="#{bindings.Comments.hints.tooltip}"/>
<af:inputText value="#{bindings.Comments.inputValue}"
required="#{bindings.Comments.hints.mandatory}" columns="#{bindings.Comments.hints.displayWidth}"
maximumLength="#{bindings.Comments.hints.precision}" shortDesc="#{bindings.Comments.hints.tooltip}"
id="it9" rows="#{bindings.Comments.hints.displayHeight}">
<f:validator binding="#{bindings.Comments.validator}"/>
</af:inputText>
</h:panelGrid>
Current layout:
http://img607.imageshack.us/img607/4282/fieldalignmentproblem.jpg
Desired layout (To have it aligned as per the green line):
http://img338.imageshack.us/img338/7865/fieldalignmentdesired.jpg
Thanks,
Andi