Tag Archives: icon

Setting the icon placement on a Spark Button control in Flex Hero

In a previous example, “Setting an icon on a Spark Button in Flex Hero”, we saw how you can set the icon on a Spark Button in Flex Hero by setting the icon style.

The following example shows how you can set the icon placement on a Spark Button control in Flex Hero by setting the iconPlacement style.

Continue reading Setting the icon placement on a Spark Button control in Flex Hero

Changing the label placement on an MX TabBar control in Flex

In a previous example, “Changing the label placement on an MX ButtonBar control in Flex (redux)”, we saw how you could set the label/icon placement on an MX ButtonBar control in Flex by extending the MX ButtonBar class and setting the navItemFactory property in the mx_internal namespace to a custom class.

The following example shows how you can set the label/icon placement on an MX TabBar control in Flex by extending the MX TabBar class and setting the navItemFactory property in the mx_internal namespace to a custom Tab button class.

Continue reading Changing the label placement on an MX TabBar control in Flex

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

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.

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

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

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.

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