Tag Archives: lineargradient

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 a gradient background fill on a Halo TextArea control in Flex 4

In a previous example, “Setting the background fill color on a Halo TextArea control in Flex 4”, we saw how you could set the background fill color on the Halo TextArea control (with default Spark skin) in Flex 4 by setting the contentBackgroundColor style.

The following example shows how you can 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.

Full code after the jump.

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

Creating a linear gradient background fill on a Spark List control in Flex 4

The following example shows how you can set a linear gradient background fill on a Spark List control in Flex 4 by setting the skinClass style and setting the background fill to a LinearGradient object.

Full code after the jump.

Continue reading Creating a linear gradient background fill on a Spark List control in Flex 4

Setting a linear gradient background on a Spark Application container in Flex 4

The following example shows how you can create a linear gradient background on a Flex 4 Spark Application container by setting the skinClass style to a custom Application skin class which has a LinearGradient fill.

Full code after the jump.

Continue reading Setting a linear gradient background on a Spark Application container in Flex 4