I too have tried in many ways, but could not resolve the problem. Doing few
more tests.
BTW one option is to use addChild();
Something like this.....
var image : Image = new Image();
image.source = "FSCalc/images/BannerBackground.jpg";
image.scaleContent = true;
image.maintainAspectRatio =false;
image.percentWidth = 100;
image.percentHeight = 100;
PictureBox.addChild(image);
I am eyeing on this post. All the best guys....
On Mon, Aug 22, 2011 at 7:57 PM, Davidson, Jerry <
[email protected]> wrote:
> **
>
>
> I tried both BorderContainer and Panel, but neither would display an
> image. I can get the background color to change, but not add an image.***
> *
>
> ** **
>
> Perhaps a skin will work, but I can’t get it to work so far. I’ve replaced
> the two lines of CSS with the default class “panel skin” which is over 300
> lines long, includes three overrides and other methods and still doesn’t
> seem to have an ability to add an image.****
>
> ** **
>
> Who would have guessed a simple image would bring Flex to its knees?****
>
> ** **
>
> ** **
>
> ** **
>
> *From:* [email protected] [mailto:[email protected]] *On
> Behalf Of *valdhor
> *Sent:* Friday, August 19, 2011 1:59 PM
> *To:* [email protected]
> *Subject:* [flexcoders] Re: Flex 4 & CSS****
>
> ** **
>
> ****
>
> Instead of using mx:Canvas try using s:BorderContainer.****
>
> <?xml version="1.0" encoding="utf-8"?>
> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
> xmlns:s="library://ns.adobe.com/flex/spark"
> xmlns:mx="library://ns.adobe.com/flex/mx">
>
> <fx:Style>
> .bgImage
> {
> color: #DEDACF;
> contentBackgroundColor: #DEDACF;
> backgroundImage: Embed(BannerBackground.jpg);
> backgroundImageFillMode: repeat;
> }
> </fx:Style>
>
> <s:BorderContainer width="100%" height="600" styleName="bgImage">
> <s:Label text="CSS Background test" />
> </s:BorderContainer>
>
> </s:Application>****
>
>
>
