-Karthik

As you can read above creating collapsible panel in Flex 3 is much harder than in Flex 4 because Flex 3 layouts doesn’t care about rotation. Here are some key concepts regarding my implementation (I can’t share the code since it is copyrighted to my ex-employer):

- CollapsiblePanel extends Canvas and contains standard Panel.

- Panel is placed/rotated inside Canvas using absolute layout (some calculations are necessary to determine correct x/y/width/height during animation.

- addChild, addChildAt etc. functions are overridden to pass child to inner Panel.

- Animation is done using AnimateProperty Prallel and Sequence.

Also remember to use embedded font (other ways all texts disappear after rotation).
All in all, the resulting components code looks quite dirty and is in no way as reusable/extendible as Flex 4 code.

Good luck creating your component! And don’t forget to show us the result of your work

thank’s for your code – I have thought of something in the same way. I’m just playing around with Flex 4 stateful skins and am evaluating to use this kind of panel for the application I am going to build. If I do further modification I’ll give you a note

public function set collapsed(value:Boolean):void
{
    if (value)
    {
        uncollapsedExplicitWidth = explicitWidth;
        uncollapsedPercentWidth = percentWidth;
        explicitWidth = NaN;
        percentWidth = NaN;
    }
    else
    {
        explicitWidth = uncollapsedExplicitWidth;
        percentWidth = uncollapsedPercentWidth;
    }
    _collapsed = value;
    invalidateSkinState();
}
protected var _collapsed:Boolean;
protected var uncollapsedPercentWidth:Number = NaN;
protected var uncollapsedExplicitWidth:Number = NaN;

If you would like to polish this component I can add it to the reusable-fx google project so that you can share your changes. Give me a note if you are interested.

thanks