UIX/XML: Layout for textInput controls

Question

I need to render a number of textInput UIX beans (and comboboxes a.s.o.) together with a label and render a small icon right next to it. Now that itself is not a problem, but I want the labels and the controls to be aligned in the following way:
LLLLLLL TTTTT I
LLL TTTTTTTTT I
LLLLLL TT I
Is there any way to achieve that with the messageTextInput bean?
I tried using the normal textInput beans together with a styled text in a tableLayout. This displays nicely, but whenever a validator fails a messagebox is displayed that says something like:
value required in ""
That makes validators completely unusable.
Any idea how to get the layout right and have meaningful validator messages?
Actually I would strongly prefer using the messageTextInput bean, since it does so many nice things for me...

Answer 1

The messageTextInput bean adheres to the BLAF, which state that labels should be right aligned.
You can do what you are trying to do by using a messagePrompt and a textInput. Make sure to set "id" on textInput uniquely, and labeledNodeId on messagePrompt to match. This will allow the validators to use the prompt attribute to display an understandable message. You can put your information inside of a tableLayout to get it to align the way you want.
Here is an example:
<styledText styleClass="OraHeaderSubSub" text="message Prompt with text Input"/>
<tableLayout     cellSpacing="5">
<contents>                                        
<rowLayout >
<contents >                                   
<cellFormat hAlign="left" >
<contents>
<messagePrompt prompt="Enter a number" labeledNodeId="messageOne" required="yes"/>
</contents>
</cellFormat>
<cellFormat hAlign="left">
<contents>
<textInput id="messageOne" text="5" >
<onBlurValidater>
<decimal />
</onBlurValidater>
</textInput>
</contents>
</cellFormat>
</contents>
</rowLayout>
<rowLayout >
<contents >
<cellFormat hAlign="left" >
<contents>
<messagePrompt prompt="label" labeledNodeId="messageTwo" required="yes"/>
</contents>
</cellFormat>
<cellFormat hAlign="left" >
<contents>
<textInput id="messageTwo" text="value" message="message" >
<onBlurValidater>
<decimal />
</onBlurValidater>
</textInput>
</contents>
</cellFormat>
</contents>
</rowLayout>
</contents>
</tableLayout>