Setting the disabled alpha on a Spark TextInput control in Flex 4

By Peter deHaan On April 8, 2010 · Leave a Comment

In a previous example, “Styling the disabled state on a Spark TextInput control in Flex 4″, we saw how you could style the disabled state on a Spark TextInput control in Flex 4 using CSS.

The following example shows how you can set the alpha of the disabled state of a Spark TextInput control [...]

Continue Reading →

Creating a toggleable MX LinkButton control in Flex 4

By Peter deHaan On February 4, 2010 · 7 Comments

In a previous example, “Creating a toggleable LinkButton control in Flex”, we saw how you could create a toggleable Flex LinkButton control by extending the mx.skins.halo.LinkButtonSkin and adding custom “selectedUpSkin”, “selectedOverSkin”, “selectedDownSkin”, and “selectedDisabledSkin” skin states.

The following example shows how you can create a toggleable MX LinkButton control in Flex 4 by creating [...]

Continue Reading →

Viewing the skin states on a Spark Button control in Flex 4

By Peter deHaan On December 19, 2009 · 8 Comments

The following example shows how you can create a simple skin-state browser in Flex 4 by calling the setCurrentState() method on an object’s skin property.

Full code after the jump.

Continue Reading →

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

By Peter deHaan On October 24, 2009 · 5 Comments

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 [...]

Continue Reading →

Setting the fill colors on a Halo Button control in Flex 4

By Peter deHaan On August 18, 2009 · 2 Comments

The following example shows how you can set the fill colors on a Halo Button control (with default Spark skin) in Flex 4 by creating a custom skin and setting the gradient colors in the fill layer:

<!– layer 2: fill –> <s:rect left="1" right="1" top="1" bottom="1" radiusX="2" radiusY="2"> <s:fill> <s:lineargradient rotation="90"> <s:gradiententry color="red" color.overStates="haloGreen" [...]

Continue Reading →

Creating a custom link button skin on the MX LinkBar control in Flex 4

By Peter deHaan On August 13, 2009 · 5 Comments

The following example shows how you can create a custom LinkButton skin on the MX LinkBar control in Flex 4 by setting the linkButtonStyleName and skin styles.

Continue Reading →

Removing the vertical separator from the Halo ComboBox control in Flex 4

By Peter deHaan On July 11, 2009 · Leave a Comment

In a previous example, “Removing the vertical separator from the ComboBox control in Flex”, we saw how you could remove the vertical separator from the Flex ComboBox control by creating a custom ComboBox skin using ActionScript.

The following example shows how you can remove the vertical separator fro a Halo ComboBox control (with default [...]

Continue Reading →

Setting a background image on a Halo Button control in Flex 4

By Peter deHaan On July 10, 2009 · 2 Comments

The following example shows how you can set a background image fill on a Halo Button control (with default Spark skin) in Flex 4 by creating a custom Button skin and setting the skin style.

Full code after the jump.

Continue Reading →

Setting an image background on a Halo ButtonBar control in Flex 4

By Peter deHaan On July 9, 2009 · Leave a Comment

The following example shows how you can set an image background on a Halo ButtonBar control (with default Spark skin) in Flex 4 by setting the buttonStyleName, firstButtonStyleName, lastButtonStyleName, and skin styles.

Full code after the jump.

Continue Reading →

Creating a custom MX Accordion header skin in Flex 4

By Peter deHaan On June 21, 2009 · 14 Comments

The following example shows how you can style the MX Accordion header (with default Spark skin) in Flex 4 by creating a new skin based on the default Spark skin and modifying the various skin parts.

Continue Reading →

Removing the vertical separator from the ComboBox control in Flex

By Peter deHaan On March 23, 2009 · 6 Comments

The following example shows how you can remove the vertical separator from the Flex ComboBox control by creating a custom ComboBox skin using ActionScript.

Full code after the jump.

[...]

Continue Reading →

Extending the LinkButton control in Flex

By Peter deHaan On September 8, 2008 · 9 Comments

The following example shows how you can extend the Flex LinkButton control and add your own custom styles to a custom skin class.

Full code after the jump.

 

Continue Reading →