includeInLayout hide/show a component

20 sec read

Let’s say you have a Label and you want to show this label only when condition == true, you may do this:

<mx:VBox>
    ... other components ...
    <mx:Label text="this is label" visible="{condition}"/>
    ... other components ...
</mx:VBox>

But you will find your invisible Label still takes its space. Then you may try something like

<mx:VBox>
    ... other components ...
    <mx:Label text="this is label" visible="{condition}" height="{condition?20:0}" />
    ... other components ...
</mx:VBox>

Then you need to know the exact height of Label (20 is a good guess but not exact).

The ultimate solution is to use includeInLayout and visible (Yes, you need specify both visible and includeInLayout)

<mx:VBox>
    ... other components ...
    <mx:Label text="this is label" visible="{condition}" inclueInLayout="{condition}" />
    ... other components ...
</mx:VBox>

related links: an example


Receive email notification via email 博客有新内容通知我
文献鸟,永远不错过新文献!

Don't want to miss new papers in your field? Check out Stork we developed:


How much money did I make from an app?

Undoubtedly some people are very successful in making money by developing a smartphone app. Back in 2012 I developed an app called “Handbook of...
Xu Cui
27 sec read

Handy programs to visualize NIRS data (2): plotTopoMap

Often you need to view the spatial pattern of activation as in the example below. plotTopoMap allows you to do that. It probably only...
Xu Cui
37 sec read

Flash 3D video demo

Racer Ostrova Zombie
Xu Cui
0 sec read

Leave a Reply

Your email address will not be published. Required fields are marked *