4 Replies Latest reply on Sep 17, 2010 11:17 AM by Miggl

    Setting BorderContainer height=0 doesn't work

    EricJ32

      Hi all, I am trying to create an expandable control on a page by having a BorderContainer with height set to 0, and when a button is clicked use a Resize effect to expand the height of the BorderContainer (to height=200) to reveal the contents.

       

      I have this:

       

      <s:Resize id="resize" duration="5000" />

       

      <s:BorderContainer id="editScreen"
                         height="0" width="500"
                         top="1" horizontalCenter="0"
                         backgroundColor="#f7f6f1"
                         borderVisible="false"
                         resizeEffect="{resize}">


                         <s:Label text="Contents will go here" />


      </s:BorderContainer>

       

      However, when I load my application, I can see the text "Contents will go here", albeit I can't see the background of the container. When I click the button, the background of the BorderContainer appears.

       

      How can I prevent the contents of the BorderContainer being shown when its height is set to 0? If I use a Halo Canvas, this works fine, but I'd prefer to stick with the BordrContainer.

       

      Also, the resize effect isn't working - the size instantly changes, rahter than expanding.

       

      Any ideas?

       

      Thanks