blob: 7857ee17c0a17e92821d88cc2362430c66c0e59e [file] [log] [blame]
<mx:VBox xmlns="*" xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="left" width="100%" height="100%">
<mx:Script>
<![CDATA[
[Embed(source="../../../../Assets/Images/PanelImages/PanelBackgroundSkin.gif", scaleGridTop="60", scaleGridBottom="360", scaleGridLeft="24", scaleGridRight="526" )]
public var panelSkinGif:Class;
[Bindable]
[Embed(source="../../../../Assets/Images/smallredrect.jpg")]
public var ticon:Class;
]]>
</mx:Script>
<mx:Style>
.myPanel
{
borderSkin: ClassReference("component_Panel_Gif_BorderSkin_scale9_panelSkinGif");
}
</mx:Style>
<mx:Panel id="myPanelBSGif" titleIcon="{ticon}" width="550" height="400" title="Title" status="Status" styleName="myPanel" color="white" headerHeight="60" >
<mx:Canvas width="100%" height="100%" borderStyle="solid" borderColor="red">
<mx:Button id="myBtn" width="{myhsbs.value}" label="My Button" />
</mx:Canvas>
<mx:ControlBar>
<mx:HSlider id="myhsbs" minimum="0" maximum="800" value="100" width="100%" snapInterval="2"/>
</mx:ControlBar>
</mx:Panel>
<mx:Button id="myBtnGif" label="Change Padding" click="myPanelBSGif.setStyle('paddingTop', 15);myPanelBSGif.setStyle('paddingBottom', 15);myPanelBSGif.setStyle('paddingLeft', 15);myPanelBSGif.setStyle('paddingRight', 15);" />
</mx:VBox>