Controlling Visibility of Components

Question

Hi,
I am newcomer in Adobe Flex UI technology.
Here is what I want to implement in my Flash Island (to be used in SAP Web Dynpro).
1. There will be a public boolean type of attribute 'isVisible'. This attribute will get true/false value from SAP Web Dynpro.
2. Now if this value is true, I have to show a VBox
3. And if its false, I have to show a text 'You are not authorized to view this page' at the place of that VBox.
Can you please help me in understanding how to achieve this?
Thanks and regards,
Amey

Answer 1

Hi Nuwan,
Thank you for valuable replies.
Yes you are correct. I tried using visible property of VBox and Label to control visibility.
But its not showing message in same area as that of VBox. Its occupying additional space which is hampering layout.
Can you please help?
In below code, I want to hide two VBoxes and show a text message in case 'isPilotUser' property is false.
          <mx:HDividedBox label="PROFILE" width="100%" height="100%" liveDragging="true" horizontalGap="4" horizontalScrollPolicy="off" >
                        <mx:VBox width="130" height="100%" styleName="LabelsVBox" id="boxAOLabels">
                            <mx:Label text="Status"  id="lblStatus" height="{txtMyStatus.height}"/>
                            <mx:Label text="About me" id="lblAboutMe" height="{txtAboutMe.height}"/>
                            <mx:Label text="Interests"  id="lblInterests" height="{txtInterests.height}"/>
                            <mx:Label text="Ask me about" id="lblAskMeAbout" height="{txtAskMeAbout.height}"/>
                            <mx:Label text="Current Projects"  id="lblCurrentProjects" height="{txtCurrentProjects.height}"/>
                            <mx:Label text="External Profile URLs" id="lblExtProf" height="{txtExtProf.height}"/>
                            <mx:Label text="My Skills" id="lblMySkills" height="{txtMySkills.height}"/>
                        </mx:VBox>
                        <mx:VBox width="108" height="100%" styleName="ValuesVBox" id="boxAOValues">
                            <mx:Text text="{MyStatus}"                 id="txtMyStatus" />
                            <mx:TextArea text="{AboutMe}"             id="txtAboutMe"     width="90%" editable="false"/>
                            <mx:Text text="{MyInterests}"             id="txtInterests" />
                            <mx:Text text="{AskMeAbout}"             id="txtAskMeAbout" />
                            <mx:Text text="{CurrentProjects}"         id="txtCurrentProjects" />
                            <mx:Text text="{ExternalProfileURLs}"     id="txtExtProf" />
                            <mx:Text text="{MySkills}"                 id="txtMySkills" />
                        </mx:VBox>
          </mx:HDividedBox>