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 < jerry.david...@illinois.gov> 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:* flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] *On > Behalf Of *valdhor > *Sent:* Friday, August 19, 2011 1:59 PM > *To:* flexcoders@yahoogroups.com > *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>**** > > >