Creating a toggleable MX LinkButton control in Flex 4

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

Creating an MXML based icon for the Halo LinkButton control in Flex 4

By On October 29, 2009 · Leave a Comment

The following example shows how you can create an MXML-based icon for the Halo/MX LinkButton control in Flex 4 by creating a custom component using the <fx:Component/> tag and setting the className property.

Full code after the jump.

Continue Reading →

Setting the horizontal spacing between an item label and icon in a LinkBar control in Flex

By On August 20, 2009 · Leave a Comment

In a previous example, “Setting the horizontal spacing between items in a LinkBar control in Flex”, we saw how you could set the horizontal spacing between items in a Flex LinkBar control by setting the horizontalGap style.

The following example shows how you can control the spacing between a LinkBar control’s individual LinkButton control’s [...]

Continue Reading →

Setting the vertical gap between an icon and label on a LinkButton control in Flex

By On September 11, 2008 · 2 Comments

In a previous example, “Setting the horizontal gap between an icon and label on a LinkButton control in Flex”, we saw how you could set the horizontal gap between the icon and label on a Flex LinkButton control by setting the horizontalGap style.

The following example shows how you can set the vertical gap [...]

Continue Reading →

Extending the LinkButton control in Flex

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

Removing the hand cursor from a disabled LinkButton control in Flex

By On September 7, 2008 · 2 Comments

The following example shows how you can remove the hand cursor from the a Flex LinkButton control by extending the LinkButton class, overriding the enabled setter function, and setting the useHandCursor property.

Full code after the jump.

Continue Reading →

Setting the horizontal gap between an icon and label on a LinkButton control in Flex

By On September 6, 2008 · Leave a Comment

The following example shows how you can set the gap between the icon and label on a Flex LinkButton control by setting the horizontalGap style.

Full code after the jump.

Continue Reading →

Creating a toggleable LinkButton control in Flex

By On September 6, 2008 · 8 Comments

The following example shows how you can create a toggleable Flex LinkButton control by extending the mx.skins.halo.LinkButtonSkin and adding custom “selectedUpSkin”, “selectedOverSkin”, “selectedDownSkin”, and “selectedDisabledSkin” skin states.

Full code after the jump.

[...]

Continue Reading →

Positioning icons on a LinkButton control in Flex

By On September 5, 2008 · 2 Comments

The following example shows how you can position the icon and label in a Flex LinkButton control by setting the labelPlacement property to one of the static constant values in the ButtonLabelPlacement class.

Full code after the jump.

Continue Reading →

Using an embedded font with the LinkButton control in Flex

By On September 4, 2008 · 7 Comments

The following example shows how you can use an embedded font with the Flex LinkButton control by setting the fontFamily and fontWeight styles.

The LinkButton control uses a bold font weight by default, so you need to either embed the bold font weight, or set the LinkButton control’s fontWeight style to normal.

Full code [...]

Continue Reading →

Setting the icon on a LinkButton control in Flex

By On September 3, 2008 · 2 Comments

The following example shows how you can embed an icon in the Flex LinkButton control by setting the icon style.

Full code after the jump.

 

Continue Reading →

Setting the corner radius of a LinkButton control in Flex

By On September 2, 2008 · Leave a Comment

The following example shows how you can set the corner radius on a Flex LinkButton control by setting the cornerRadius style.

Full code after the jump.

 

Continue Reading →