Tag Archives: fill

Setting a gradient background fill on a Spark TextArea control in Flex 4

In a previous example, “Setting a gradient background fill on a Halo TextArea control in Flex 4”, we saw how you could create a linear gradient background on a Halo/MX TextArea control in Flex 4 by creating a custom border skin with a LinearGradient fill and setting the borderSkin style.

The following example shows how you can create a linear gradient background on a Spark TextArea control in Flex 4 by modifying the background fill in the TextArea control’s skin to a LinearGradient.

Full code after the jump.

Continue reading Setting a gradient background fill on a Spark TextArea control in Flex 4

Setting the origin X and Y coordinate for a radial gradient fill in Flex Gumbo

In a previous example, “Creating a radial gradient fill on a Rect object in Flex Gumbo”, we saw how you could create a radial gradient fill on a Flex Gumbo Rect object by setting the fill property to a RadialGradient object.

The following example shows how you can set the origin X and Y coordinate for a radial gradient fill in Flex Gumbo by setting the x and y properties on the RadialGradient object.

Full code after the jump.

Continue reading Setting the origin X and Y coordinate for a radial gradient fill in Flex Gumbo

Creating a radial gradient fill on a Rect object in Flex Gumbo

In a previous example, “Creating a linear gradient fill on an Ellipse object in Flex Gumbo”, we saw you could create a linear gradient fill on a Flex Gumbo Ellipse object by setting the fill property to a LinearGradient object.

The following example shows how you can create a radial gradient fill on a Flex Gumbo Rect object by setting the fill property to a RadialGradient object.

Full code after the jump.

Continue reading Creating a radial gradient fill on a Rect object in Flex Gumbo

Creating a linear gradient fill on an Ellipse object in Flex Gumbo

In a previous example, “Creating a solid color fill on an Ellipse object in Flex Gumbo”, we saw how you could create a solid color fill on an Ellipse object by setting the fill property to a SolidColor object.

The following example shows how you can create a linear gradient fill on a Flex Gumbo Ellipse object by setting the fill property to a LinearGradient object.

Full code after the jump.

Continue reading Creating a linear gradient fill on an Ellipse object in Flex Gumbo