Adding Effects to Container


<?xml version=”1.0″ encoding=”utf-8″?>
<mx:WindowedApplication xmlns:mx=”http://www.adobe.com/2006/mxml&#8221; layout=”absolute”>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.controls.ToolTip;
private function AlterLeftPanel():void
{
if (lnkAlterPanel.label==”>”)
{
lnkAlterPanel.label=”<“;

expand.end();
expand.play();
encounterSearchPane.visible=true;
}
else
{
lnkAlterPanel.label=”>”;
contract.end();
contract.play();
}
}
]]>
</mx:Script>
<mx:Fade id=”fadeOut” duration=”500″ alphaFrom=”1.0″ alphaTo=”0.0″/>
<mx:Fade id=”fadeIn” duration=”500″ alphaFrom=”0.0″ alphaTo=”1.0″/>
<mx:Resize id=”expand” target=”{LeftCanvas}” widthTo=”500″ />
<mx:Resize id=”contract” target=”{LeftCanvas}” widthTo=”30″ />
<mx:Canvas id=”LeftCanvas” x=”0″ y=”0″ width=”30″ height=”99%” backgroundColor=”#ffffff” borderStyle=”solid”
borderThickness=”1″ borderColor=”#000000″ visible=”true”>
<mx:Accordion width=”576″ height=”95%” styleName=”AccordionStyle” id=”encounterSearchPane” showEffect=”{fadeIn}”
hideEffect=”{fadeOut}” visible=”false”>
</mx:Accordion>
<mx:Button id=”lnkAlterPanel” y=”0″ label=”>” width=”28″ height=”100%” right=”-10″ fontWeight=”bold”
fontFamily=”Verdana” fontSize=”10″ click=”AlterLeftPanel()” toolTip=”Click here to toggle ”
styleName=”leftPanelButton” cornerRadius=”0″  textAlign=”center” alpha=”1.0″ />
</mx:Canvas>
<mx:Canvas id=”LeftCanvas0″ x=”0″ y=”0″ width=”30″ height=”99%” backgroundColor=”#ffffff”
borderStyle=”solid”    borderThickness=”1″ borderColor=”#000000″ visible=”true”>
<mx:Accordion width=”576″ height=”95%” styleName=”AccordionStyle” id=”encounterSearchPane0″
showEffect=”{fadeIn}” hideEffect=”{fadeOut}” visible=”false”>
</mx:Accordion>
<mx:Button id=”lnkAlterPanel0″ y=”0″ label=”>” width=”28″ height=”100%” right=”-10″ fontWeight=”bold”
fontFamily=”Verdana” fontSize=”10″ click=”AlterLeftPanel()” toolTip=”Click here to toggle ”
styleName=”leftPanelButton” cornerRadius=”0″  textAlign=”center” alpha=”1.0″ />
</mx:Canvas>
</mx:WindowedApplication>

~ by mjcprasad2000 on May 29, 2009.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

 
%d bloggers like this: