Jerry, the spark theme doesn’t support backgroundImage.  Every capability has a 
cost, and we chose not to make the container backgrounds as heavy as the Halo 
theme.  It doesn’t matter how many lines of code are in the skin if it doesn’t 
include the logic to load and position images.


On 8/22/11 7:27 AM, "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>





--
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui

Reply via email to