0 Replies Latest reply on Aug 29, 2006 2:21 AM by Omkar_S._Joshi

    resizeEffect problem

    Omkar_S._Joshi
      Hi All,

      I have some query . I want to create two set of components 1) CollapsiblePanel 2) CollapsibleHolder (this component holds CollapsiblePanel component as it's child element). I hav already done with CollapsiblePanel component. So to give it a try I created one Vbox container in mxml main application and put CollapsiblePanel component in it. second I created resize effect as follows.

      <mx:Resize id="panelResize" filter="resize" />

      Now as my CollapsiblePanel component extends Panel i have set it's resizeEffect to my panelResize effect as follows

      <ns1:CollapsiblePanel height="100%" id="pn1" resizeEffect="panelResize" styleName="collapsiblePanel" width="235" resizeStartEffect="fnEffectStarted()">
      </ns1:CollapsiblePanel>

      When I try to run this application it works parfectly fine it applyies resize effect while resizing. But now when I create my separate CollapsibleHolder container extending VBox and put my CollapsiblePanel component under it and try to run application, effect doesn't play while resizing.

      working main application code:
      <mx:Resize id="panelResize" filter="resize" />

      <mx:VBox height="100%">

      <ns1:CollapsiblePanel height="100%" id="pn1" resizeEffect="panelResize" styleName="collapsiblePanel" width="235" resizeStartEffect="fnEffectStarted()">

      </ns1:CollapsiblePanel>

      <ns1:CollapsiblePanel height="100%" id="pn2" resizeEffect="panelResize" styleName="collapsiblePanel" width="235">

      </ns1:CollapsiblePanel>

      </mx:VBox>

      Not working main Application code:

      <mx:Resize id="panelResize" filter="resize" />

      <ns1:CollapsibleHolder height="100%" id="omkar" >

      <ns1:CollapsiblePanel height="100%" id="pn1" resizeEffect="panelResize" styleName="collapsiblePanel" width="235" resizeStartEffect="fnEffectStarted()">

      </ns1:CollapsiblePanel>

      <ns1:CollapsiblePanel height="100%" id="pn2" resizeEffect="panelResize" styleName="collapsiblePanel" width="235">

      </ns1:CollapsiblePanel>

      </ns1:CollapsibleHolder>