How to create a Spark button with an icon (left) and a label (center) in Flex 4.5?

Question

I would like to have a Spark Button in Flex, with a width of 180 pixels, an icon on the left and a centered label.

Something like this:

| -- icon -------- label -------------- |

At the moment, I have this:

<s:Button width="180" label="Login" icon="@Embed(source='icons/login.png')" />

But then the icon is also centered, just as the label.

Is it possible what I want?

Answer 1

You have to write a custom skin for the spark button. There you can set the icon as your wish.