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

By 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 →

Creating a Spark Button control with a vertical label in Flex 4

By On August 29, 2009 · 5 Comments

The following example shows how you can create a vertical label on a Spark Button control in Flex 4 by creating a custom skin and setting the breakOpportunity and textRotation styles.

Full code after the jump.

Continue Reading →

Creating an animated base color effect on a Spark Button control in Flex 4

By On August 16, 2009 · 1 Comment

The following example shows how you can create an animating background effect on a Spark Button control in Flex 4 by using the AnimateColor effect on the baseColor style.

Full code after the jump.

Continue Reading →

Applying styles to different states on a Spark Button control in Flex 4

By On August 10, 2009 · 2 Comments

The following example shows you how you can use the advanced CSS features in Flex 4 to apply different state-specific styles to a Spark Button control using CSS.

For more information on using advanced CSS, see the “CSS Advanced Selectors” specification on the Adobe Flex Open Source site.

Full code after the jump.

Continue Reading →

Vertically aligning labels in a Spark Button control in Flex 4

By On July 30, 2009 · 2 Comments

The following example shows how you can vertically align a Spark Button control’s label in Flex 4 by setting the verticalAlign style on the Button control’s internal labelDisplay object.

Full code after the jump.

Continue Reading →

Displaying an icon on a toggle button in Flex 4

By On July 28, 2009 · 4 Comments

The following example shows how you can create a simple toggle button with an icon in Flex 4 by using the Spark ButtonBarButton control and specifying the icon in the data property, and then using a custom skin class.

Full code after the jump.

Continue Reading →

Using the new Fx prefix-less Flex Gumbo builds

By On April 2, 2009 · 6 Comments

The following example shows how you can use styles in a <Style/> block to style a Spark Button and TextInput control as well as a Halo Button and TextInput control.

To compile this example, you’ll need to download the nightly beta Flex Gumbo build 5873 (4.0.0.5873) or newer. The latest Gumbo SDK builds can be [...]

Continue Reading →

Setting a custom skin on a Spark Button control in Flex 4

By On March 4, 2009 · 4 Comments

The following example shows how you can set a custom skin on an Spark Button control in Flex 4 by setting the skinClass style.

 

Continue Reading →

Styling an emphasized Spark Button control in Flex 4

By On March 3, 2009 · 1 Comment

In a previous example, “Creating an emphasized Spark Button control in Flex 4″, we saw how you could set the emphasized button state on a Flex 4 Spark Button control by setting the Boolean emphasized property.

The following example shows how you can style the Spark Button control’s emphasized state by setting the Button.emphasized [...]

Continue Reading →

Creating an emphasized Spark Button control in Flex 4

By On March 3, 2009 · Leave a Comment

The following example shows how you can set the emphasized button state on a Flex 4 Spark Button control by setting the Boolean emphasized property.

Full code after the jump.

[...]

Continue Reading →

Setting the repeat delay on an auto repeating Spark Button control in Flex 4

By On February 7, 2009 · 1 Comment

The following example shows how you can set the repeat delay on an Flex 4 Spark Button control by setting the repeatDelay style and the autoRepeat property.

Full code after the jump.

Continue Reading →

Setting the background color on a Spark Button control in Flex 4

By On February 5, 2009 · 3 Comments

The following example shows how you can set the base color (or background color) on a Flex 4 Spark Button control by setting the baseColor style using MXML, CSS, or ActionScript.

Full code after the jump.

Continue Reading →