Flex Examples

In a previous example, “Adding a horizontal separator to a Flex PopUpButton control’s pop up menu”, we saw how you could add a horizontal separator to a PopUpButton control’s pop up menu in Flex by setting the type attribute to “separator” in the menu’s data provider.

The following example shows how you can adjust the amount of empty space around the horizontal separator by setting the Boolean variableRowHeight property.

Full code after the jump.

Continue reading ‘Adding a horizontal separator to a Flex PopUpButton control’s pop up menu (redux)’

The following example shows how you can detect when the Flex PopUpButton control is opened or closed by listening for the open or close event.

Full code after the jump.

Continue reading ‘Detecting when the Flex PopUpButton control is opened or closed’

The following example shows how you can use the openAlways property on the PopUpButton control to open the PopUpButton control’s pop up menu when the user clicks on the main button. The openAlways property is false by default.

Full code after the jump.

Continue reading ‘Using the openAlways property on the Flex PopUpButton control’

In a previous example, “Displaying icons in a Flex PopUpButton control”, we saw how you can display icons in a PopUpButton control’s pop up menu.

The following example shows how you can display an icon in a Flex PopUpButton control’s main button by setting the icon style.

Full code after the jump.

Continue reading ‘Displaying a main icon in a Flex PopUpButton control’

The following example shows how you can reduce the amount of whitespace around a PopUpButton control’s pop up menu by setting the variableRowHeight property on the menu in Flex.

Full code after the jump.

Continue reading ‘Reducing the vertical space around a separator in a Flex PopUpButton control’s pop up menu by enabling variable row heights’

The following example shows how you can set the gap between a PopUpButton control and its pop up menu in Flex by setting the popUpGap style.

Full code after the jump.

Continue reading ‘Setting the vertical gap between a Flex PopUpButton control and its pop up menu’

The following example shows you how you can customize the width of the PopUpButton control’s arrow button in Flex by setting the arrowButtonWidth style.

Full code after the jump.

Continue reading ‘Changing the width of the arrow button in a Flex PopUpButton control’