Background repat in Flex 3

Question

Hello everybody,

I am trying to set a background to a canvas, and set an repeat-x on it. But anything I try don't work. I am using this code:

<mx:Style>
    Canvas.topbar {
        borderColor: yellow;
        alpha: 1.0;
        backgroundImage: url('../assets/images/header.png');
        backgroundRepeat: x-repeat;
    }
</mx:Style>
<mx:Canvas height="25" top="0" left="0" right="0" styleName="topbar">
    <mx:Label x="2" y="4" text="{system_name} {system_version}" height="15"/>
</mx:Canvas>

But it won't work:(

What is wrong with the code?

Answer 1

Try using background-Image and background-Repeat in the style tag instead.

You should also make sure the image is accessible or try embedding the image with

background-Image: Embed('../assets/images/header.png');