From the category archives:

LinkButton

Creating a toggleable MX LinkButton control in Flex 4

by Peter deHaan on February 4, 2010

in LinkButton, beta2

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 a custom MX LinkButton skin and specifying a background fill for the selected (“selectedUp”, “selectedOver”, “selectedDown”, and “selectedDisabled”) states.

[click to continue…]

Tagged as: , ,

{ 7 comments }

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

by Peter deHaan on October 29, 2009

in Component, LinkButton, beta2

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.

[click to continue…]

Tagged as: , , ,

{ 0 comments }

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

by Peter deHaan on August 20, 2009

in LinkBar, LinkButton

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 label and icon by setting the horizontalGap style on the LinkBar control’s linkButtonStyleName style.

Full code after the jump.

[click to continue…]

Tagged as: , ,

{ 0 comments }

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

by Peter deHaan on September 11, 2008

in LinkButton

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 between the icon and label on a Flex LinkButton control by setting the verticalGap style.

Full code after the jump.

[click to continue…]

Tagged as: , ,

{ 2 comments }

Extending the LinkButton control in Flex

by Peter deHaan on September 8, 2008

in LinkButton

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.

[click to continue…]

Tagged as: ,

{ 9 comments }

Removing the hand cursor from a disabled LinkButton control in Flex

by Peter deHaan on September 7, 2008

in LinkButton

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.

[click to continue…]

Tagged as: ,

{ 2 comments }

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

by Peter deHaan on September 6, 2008

in LinkButton

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.

[click to continue…]

Tagged as:

{ 0 comments }

Creating a toggleable LinkButton control in Flex

by Peter deHaan on September 6, 2008

in LinkButton

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.

[click to continue…]

Tagged as: ,

{ 8 comments }

Positioning icons on a LinkButton control in Flex

by Peter deHaan September 5, 2008

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.

Read the full article →

Using an embedded font with the LinkButton control in Flex

by Peter deHaan September 4, 2008

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 after the jump.

Read the full article →

Setting the icon on a LinkButton control in Flex

by Peter deHaan September 3, 2008

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.

Read the full article →

Setting the corner radius of a LinkButton control in Flex

by Peter deHaan September 2, 2008

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.

Read the full article →

← Previous Entries