Flex - Hide mxml using visible and includeInLayout

Question

I'm trying to hide Year2017 when the mxml page loads up. I'm using visible and includeInLayout attributes but it doesn't seems to be working.

Could somebody help me on this?

Some code written on - Year2017.mxml, Year2016.mxml, Year2015.mxml

MainScreen.mxml

<mx:HBox 
    <component:PopupOpenerViewStack
                id="payeVS" 
                borderStyle="none" 
                width="100%" 
                height="100%" 
                componentToFocusOn="{controlBar.overviewBut}"
                selectedIndex="{ this.mainModel.navigator.selectedIndex }" >

                <view1:Year2017 
                    width="100%" 
                    height="100%"
                    visible="{isVisible}" 
                    includeInLayout="{isVisible}" />

                <view1:Year2016 
                    width="100%" 
                    height="100%"/>

                <view1:Year2015 
                    width="100%" 
                    height="100%"/>                     
        </component:PopupOpenerViewStack>
</mx:HBox>

Yes I did. [Bindable] private var isVisible:Boolean = false; Even i've tried hard coding isVisible="false" and includeInLayout="false" . Dint work :( — Techie, Aug 18 '16 at 14:05
I think the problem lies in the component:PopupOpenerViewStack. If it uses the Flex PopupManager then visible and includeInLayout won't help. Please confirm if it does use PopupManager from adobe. — Robin van den Bogaard, Aug 18 '16 at 14:49

score 0 · Answer 1 · answered Aug 18 '16 at 15:38

The way viewstacks work is they display a child based on index. In this case it will be opened in an Popup. I'd need the internals of the PopupOpener to give an more accurate answer.

Instead of setting the isVisble, can't you change the this.mainModel.navigator.selectedIndex?

It also depends on desired behaviour. What needs to happen if you have the popup open and you change it to visible?

score 0 · Answer 2 · answered Sep 08 '16 at 08:18

0

I guess what you want is that Year2007 is not included in the stack, would not that be invisible. Have you tried to use states for it?

answered Sep 08 '16 at 08:18

jlebrato

21
5

score 0 · Answer 3 · answered Oct 10 '16 at 13:41

Thanks for all your inputs.The issue is resolved.

As Robin mentioned the visible or includeInLayout properties wont work with PopupOpenerViewStack. So I had to read the index values of each item in the viewStack and did payeVS.removeChildAt(0) whenever I wanted to hide an element.

Thanks, Varatha

Flex - Hide mxml using visible and includeInLayout

3 Answers3