Tag Archives: backgroundAlpha

Modifying the corner white box on an MX Container when scroll bars are visible in Flex

The following example shows how you can modify the visibility and alpha of the white box in the lower-right corner of an MX Container in Flex when both the horizontal and vertical scroll bars are visible by using the rawChildren property and getChildByName() method.

Continue reading Modifying the corner white box on an MX Container when scroll bars are visible in Flex

Setting the alpha on a Spark Panel container title bar in Flex 4

The following example shows how you can create a Spark Panel container with a semi-transparent title bar in Flex 4 by creating a custom Spark Panel skin and setting the alpha property on the tbFill, tbHilite, and tbDiv skin parts, and then setting the backgroundAlpha style on the Panel container.

Continue reading Setting the alpha on a Spark Panel container title bar in Flex 4

Changing the background alpha on the Halo TextArea control in Flex 4

The following example shows how you can set the background alpha on the Halo TextArea control’s Spark skin in Flex 4 by setting the borderSkin style. As you may have noticed, the Halo components have new “Spark” themed skins in Flex 4 (basically so you can use Halo+Spark components in the same Flex project and have a consistent look-and-feel). You may also have noticed that several styles on the Halo controls don’t appear to work any more when using the Spark skins. For example, if you want to change the background fill alpha on the Halo TextArea control in Flex 4, you can no longer set the backgroundAlpha style, you’ll now need to create a custom skin and set the borderSkin style.

The various Halo component’s new Spark skins can be found in your Flex 4 SDK installation in the following location: <Flex SDK>\frameworks\projects\sparkskins\src\mx\skins\spark\…

If you want to set the border skin on the Halo TextArea control, you’ll need to copy the TextInputBorderSkin.mxml file.

Full code after the jump.

Continue reading Changing the background alpha on the Halo TextArea control in Flex 4

Setting the background alpha of the RichTextEditor text area in Flex

In a previous example, Setting the background color of the RichTextEditor text area in Flex, we saw how you could set the background color of the RichTextEditor control’s nested TextArea control by setting the backgroundColor style.

The following example shows how you can set the background alpha of the Flex RichTextEditor control’s nested TextArea control by setting the backgroundAlpha style.

Full code after the jump.

Continue reading Setting the background alpha of the RichTextEditor text area in Flex