Flex - Button label truncation problem

I recently had trouble with Flex truncating the label on some but…




It was a particularly aggravating affair, playing with the padding and the width which had no apparent effect. After hours of searching the net and finding nary a shred I discovered that there was a simple fix.




Simply changing the label placement property of the button to ‘bottom’ had the desired effect rendering the label correctly.




Ahhhhh, much better.

Free Flex IDE

Flash DevelopOk so flex is great but there is one small problem and thats the US$ 299 for the IDE from adobe. Yes there is a free trial available so you can at least spend 60 days trying the IDE but what happens after your 60 days are up and you still want to use flex but don’t have US $299 laying around to buy yourself the full version. With Flash Develop and a two little plugins you can.
Installing First you need to download all the required files listed below:

Now you have a directory full of downloads it is time to start installing(please note [version] is a place holder for the current version of the file you downloaded):

  1. Run the installer(FlashDevelop[version].exe) for Flash Develop and and leave everything as the defaults.
  2. Install the Java SE Runtime Environment (jre-[number]-windows-i586.exe).
  3. Extract the Flex SDK(flex_sdk_3.zip) to “C:\Flex\3".
  4. Install Adobe Air.
  5. Install the Design View AIR app(designview.air) by double clicking it.
  6. Open the Design View plugin(FlexDesignView-[version].zip) and copy the contents of “Data” to “C:\Program Files\FlashDevelop\Data\” and the contents of “Plugins” to “C:\Program Files\FlashDevelop\Plugins\”.
  7. Extract the Debugger Plugin(FlexDbg.zip) to “C:\Program Files\FlashDevelop\Plugins\"”.

Now Everything is in installed all you need to do is set up flex in Flash Develop:

  1. Open the Flash Develop(Start > Applications > Flex Develop > Flex Develop).
  2. Once the application is opened press F10 or go to “Tool > Program Settings” to open the Program Settings.
  3. Click on AS3Content button (1. in the image below).
  4. Then set the “Flex SDK Location” (2. in the image below) to “C:\Flex\3\”.
  5. Click Close, and enjoy Flash Develop.

Program Settings

Flash Dev Settings
Update: as requested here are some screen shots with FlashDevelop in both Source and Design Views.

Design View

Edit View