Back button disapears when resource bundle is used

Question

I created a header containing a OutputText. The value of the OutputText is defined by a ResourceBundle. Now, when I start the application, the back-button appears to be under the OutputText, even if the value defined in the ResourceBundle is a really small string.
This is what I have defined in the AMX file:
<amx:facet name="header">
<amx:outputText id="outputText1" value="#{viewcontrollerBundle.ORDER}"/>
<amx:commandButton id="commandButton1" action="__back" text="#{viewcontrollerBundle.BACK}"/>
</amx:facet>
This is what I have defined in the ResourceBundle:
<trans-unit id="ORDER">
<source>B</source>
<target/>
Even if I put only one character in there, the back button is nearly not visible.

Answer 1

You should put your back button in the "primary" facet. This is what it is meant for. Then it gets the correct placement and it will also get the back arrow styling by default.
Then your markup would look like this:
<amx:facet name="header">
<amx:outputText id="outputText1" value="#{viewcontrollerBundle.ORDER}"/>
</amx:facet>
<amx:facet name="primary">
<amx:commandButton id="commandButton1" action="__back" text="#{viewcontrollerBundle.BACK}"/>
</amx:facet>
The primary facet (in iOS) appears in the upper left and the secondary facet appears in the upper right. The notion of the facets let's the framework move these around in different in future if the platforms change and thus you don't need to change your markup, we simply move the placement of the facet.
Edited by: Denis T on May 24, 2012 10:36 AM