Hi Jamal,
For that you would need a custom renderer for the PushButton. Sample
code for one that does something similar (wraps the button text) is below.
Basically, then, you would set this custom renderer as the renderer for your
PushButton (see the BXML sample also below). If you need to do more stuff than
this sample shows, please look at the source for ButtonDataRenderer to see how
to get access to the other parts of the control (like the icon).
Let us know if you have any problems.
Cheers,
~Roger
=== WrappingButtonRenderer.java ===
import org.apache.pivot.wtk.Button;
import org.apache.pivot.wtk.HorizontalAlignment;
import org.apache.pivot.wtk.Orientation;
import org.apache.pivot.wtk.content.ButtonDataRenderer;
public class WrappingButtonRenderer extends ButtonDataRenderer
{
public WrappingButtonRenderer() {
setOrientation( Orientation.VERTICAL );
getStyles().put( "fill", true );
label.getStyles().put( "horizontalAlignment",
HorizontalAlignment.CENTER );
label.getStyles().put("wrapText", true);
}
}
=== about.bxml ===
. . .
<PushButton bxml:id="ourLicenseButton" preferredWidth="64"
buttonData="%aboutBox.license" >
<dataRenderer>
<controls:WrappingButtonRenderer />
</dataRenderer>
</PushButton>
. . .
On Jun 26, 2012, at 9:23 AM, Jamal BERRICH wrote:
> Hi,
> I am using the a PushButton component with icon and i want to place the
> icon on the right of the text.
> Can you help me plz?
>
> <PushButton bxml:id="advancedButton" styles="$styles.pushButtonStyles">
> <content:ButtonData text="Avancé"
> icon="/ma/easyexchange/module/common/img/next.png"/>
> </PushButton>
>
