Flex: when hiding components in flex

actionscript-3apache-flex

When I set a component to visible=false the component hides, but how do I get it to take no space (get the container it belongs to to resize??)

<mx:HBox width="100%" height="100%">
...
</mx:HBox>

<mx:HBox width="100%" id="boxAddComment" visible="false" >
    <mx:TextArea id="txtComment"/>
    <mx:Button label="Spara" click="addComment();"/>
</mx:HBox>

When boxAddComment is visible=false I want the first HBox to take 100% height.

Best Answer

use the includeInLayout property. e.g.


<mx:HBox width="100%" height="100%">
...
</mx:HBox>

<mx:HBox width="100%" id="boxAddComment" visible="false" includeInLayout="false" >
    <mx:TextArea id="txtComment"/>
    <mx:Button label="Spara" click="addComment();"/>
</mx:HBox>

Related Solutions

Resizing HBox width to fit content

You have to remove all sizing on the HBox. So remove any width or percentWidth attributes. Also make sure your ViewStack is resizing first.

R – All Flex components disappear when the canvas height scale over the limit

Have you tried placing the Canvas inside of some other container with an explicit height? That might be all you need.

eg:

<mx:VBox
    id                    = "theFakeContainer"
    verticalScrollPolicy  = "off"
    height                = "{EXPLICIT HEIGHT}"
>
    <mx:Canvas
        id                    = "theRealCanvas"
        verticalScrollPolicy  = "off"
        height                = "100%" />
</mx:VBox>

I'm not sure if this will work, but it seems like it is worth a try.

Best Answer

Related Solutions

Resizing HBox width to fit content

R – All Flex components disappear when the canvas height scale over the limit

Related Topic