Monthly Archives: April 2010

Setting the corner radius a Spark Rect shape in Flex 4

In a previous example, “Setting a corner radius on individual corners on a Rect in Flex 4”, we saw how you could individually set the corner radius on each corner of a Spark Rect shape in Flex 4 by setting the topLeftRadiusX, topRightRadiusX, bottomLeftRadiusX, and bottomRightRadiusX properties.

The following example shows how you can set the corner radius on all corners of a Spark Rect shape in Flex 4 by setting the radiusX and radiusY properties.

Continue reading Setting the corner radius a Spark Rect shape in Flex 4

Setting the height of the control bar in a Spark Application container in Flex 4

The following example shows how you can set an explicit height on the Spark Application container control bar by setting the height property on the controlBarGroup skin part.

By default the control bar sizes itself to its content, so I don’t really recommend setting an explicit height unless you really want to.

Continue reading Setting the height of the control bar in a Spark Application container in Flex 4

Creating a semi-transparent scroll bar thumb on an MX TextArea control in Flex 4

In previous examples, “Creating a custom scroll bar track skin on an MX TextArea control in Flex 4” and “Creating a custom scroll bar thumb skin on an MX TextArea control in Flex 4”, we saw how we could create a custom scroll bar track and thumb skin on an MX TextArea control in Flex 4 by setting the trackSkin, thumbSkin, verticalScrollBarStyleName, and horizontalScrollBarStyleName styles.

The following example shows how you can create a semi-transparent scroll bar thumb skin on an MX TextArea control in Flex 4 by setting the alpha property on the scroll bar thumb skin part’s fill.

Continue reading Creating a semi-transparent scroll bar thumb on an MX TextArea control in Flex 4

Creating a custom scroll bar thumb skin on an MX TextArea control in Flex 4

In a previous example, “Creating a custom scroll bar track skin on an MX TextArea control in Flex 4”, we saw how you can create a custom scroll bar track skin on an MX TextArea control in Flex 4 by setting the trackSkin, verticalScrollBarStyleName, and horizontalScrollBarStyleName and styles.

The following example shows how you can create a custom scroll bar thumn skin on an MX TextArea control in Flex 4 by setting the thumbSkin, verticalScrollBarStyleName, and horizontalScrollBarStyleName and styles.

Continue reading Creating a custom scroll bar thumb skin on an MX TextArea control in Flex 4

Creating an item renderer with a corner radius on a Spark List control in Flex 4

The following example shows how you can create a custom item renderer with a corner radius on a Spark List control in Flex 4 by setting the cornerRadius property and creating a custom item renderer which sets its autoDrawBackground property to false and draws its own rounded background fill using the radiusX property in the hovered and selected states.

Continue reading Creating an item renderer with a corner radius on a Spark List control in Flex 4