<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
     width="550" height="100%"
     viewSourceURL="srcview/index.html">
     
     
     
    <mx:Style>
        .ninceSliceSWF
        {
            background-image: Embed("skins.swf#bg_chat");
            background-size:"100%";            
        }

        .ninceSliceSWFCSS
        {
            background-image: Embed("skins.swf#bg_chat_no9slice",
            scaleGridTop="60", scaleGridBottom="280",
            scaleGridLeft="40", scaleGridRight="200");
            background-size:"100%";            
        }
        
        .noNinceSliceSWF
        {
            background-image: Embed("skins.swf#bg_chat_no9slice");
            background-size:"100%";            
        }

        .nonNineSlicePNG
        {            
            background-image:Embed("bg_chat.png");
            background-size:"100%";
        }        

        .nineSlicePNG
        {            
            background-image:Embed("bg_chat.png",
            scaleGridTop="60", scaleGridBottom="280",
            scaleGridLeft="40", scaleGridRight="200");
            background-size:"100%";
        }        

        VBox
        {
            padding-bottom:50; 
            padding-top:60; 
            padding-left:80; 
            padding-right:60;

        }
    </mx:Style>


    <mx:VBox styleName="nineSlicePNG" width="90%" height="200">
        <mx:Text
            width="100%" 
            text="This VBox use a PNG image as background *with* 9-slice scaling defined in CSS." 
        />
    </mx:VBox>

    <mx:VBox styleName="nonNineSlicePNG" width="90%" height="200">
        <mx:Text
            width="100%" 
            text="This VBox use a PNG image as background *without* 9-slice scaling defined in CSS." 
        />
    </mx:VBox>

    <mx:VBox styleName="ninceSliceSWF" width="90%" height="200">
        <mx:Text
            width="100%" 
            text="This VBox use a SWF symbol as background with 9-slice scaling grid defined in Flash." 
        />
    </mx:VBox>

    <mx:VBox styleName="noNinceSliceSWF" width="90%" height="200">
        <mx:Text
            width="100%" 
            text="This VBox use a SWF symbol as background *without* 9-slice grid defined in Flash." 
        />
    </mx:VBox>

    <mx:VBox styleName="ninceSliceSWFCSS" width="90%" height="200">
        <mx:Text
            width="100%" 
            text="This VBox use a SWF symbol as background *without* 9-slice grid defined in Flash but *with* 9-slice grid defined in CSS." 
        />
    </mx:VBox>

</mx:Application>