Set the size of visual components using action script in Flex4

Home Tutorial Flex Flex4 Components Set the size of visual components using action script in Flex4

Set the size of visual components using action script in Flex4
Posted on: April 22, 2010 at 12:00 AM

In this tutorial you can see how to set Size for a visual component in action script code in Flex 4
Set the size of Visual Components using Action Script in Flex4:

In this tutorial you can see how to set Size for a visual component in action script code in Flex 4.

Example:

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init();">

<fx:Script>

<![CDATA[

public function init():void{

myButton.width = 120;

myButton.height = 30;

mysButton.percentHeight = 20;

mysButton.percentWidth = 90;

}

]]>

</fx:Script>

<s:Panel width="240" height="100" title="Set Size for Button in AS Example">

<mx:HBox>

<s:Button id="mysButton" label="Spark Button"/>

<mx:Button id="myButton" label="MX Button"/>

</mx:HBox>

</s:Panel>

</s:Application>

In this example we have create two button controls and set id property for these button components. After that we have create a method with name init() and set the property width and height for <mx:Button/> control and set percentWidth and percentHeight for <s:Button/> control on the bases of these id properties. After that call this method on the creationComplete property.

Output:

Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code

Related Tags for Set the size of visual components using action script in Flex4:

«Previous Index Next»

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.

Tutorial Topics