Chapter 7. Working with UI Components

The Flex framework consists, in large part, of components. Within the framework there are many types of components, from data components to layout components to user interface (UI) components. You can read about each type of component in the appropriate chapters throughout this book. In this chapter, we focus on UI components. UI components are visual components that display something to the user and/or prompt the user to interact with the application.

Although there’s no formal classification for the majority of the UI components in the Flex framework, it is useful to categorize them just for the purposes of discussion. We’ve organized our discussion of the Flex framework UI components based on the categories listed in Table 7-1.

Table 7-1. UI component categories




Button, LinkButton, RadioButton, CheckBox

Value selectors

HSlider, VSlider, NumericStepper, ColorPicker, DateField, DateChooser

Text components

Label, Text, TextInput, TextArea, RichTextEditor

List-based controls

List, ComboBox, DataGrid, HorizontalList, TileList, Tree

Advanced data controls


Pop-up controls

PopUpButton, PopUpMenuButton


Panel, TitleWindow


ViewStack, Accordion, ButtonBar, LinkBar, MenuBar, TabBar, TabNavigator, ToggleButtonBar

Control bars

ControlBar, ApplicationControlBar

Media and progress indicators

Image, SWFLoader, VideoDisplay, ProgressBar


Layout containers are not included in Table 7-1 because we discuss them in depth ...

Get Programming Flex 3 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.