Home Flex Container DividedBox layout container
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

DividedBox layout container

Advertisement
DividedBox Layout Container is similar to Box Layout Container.

DividedBox layout container

     

DividedBox Layout Container is similar to Box Layout Container. The difference is, it adds a divider between its child components which can be used to resize the area of container for the child components using mouse pointer. Hold the divider with left button of the mouse and move it, you will see the resized areas of the containers associated with the divider.

The direction for the child components to take position can be determined by the "direction" attribute of DividedBox tag. You can provide two values "horizontal" and "vertical" to lay the child components horizontally and vertically.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalAlign="middle" width="560" height="258">

<mx:DividedBox width="500" height="200" direction="horizontal">

<mx:VBox backgroundColor="#BAE2F9" width="100%" height="100%">

<mx:LinkButton label="Introducing Flex" click="articleText.text='Flex is developed on adobe technology.'"/>

<mx:LinkButton label="Downloading and Installing Flex" click="articleText.text='Latest Flex SDK is freely downloadable at adobe website.'"/>

</mx:VBox>

<mx:VBox backgroundColor="#E6D4F6" width="100%" height="100%">

<mx:Text id="articleText" fontWeight="bold"/>

</mx:VBox>

</mx:DividedBox>

</mx:Application>

Output:

Watch in action:

Download Code

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: November 14, 2009

Ask Questions?    Discuss: DividedBox layout container  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com