Missing Spark Components

This is a list of all MX components and their Spark counterparts, or missing counterparts.

This list could be used in several ways, as a TODO list if you want to help develop missing Spark components.

As a migration guide to use as a reference for translating MX GUIs to Spark.

As a place to make notes on libraries or code that's been seen out in the wild, or in our whiteboards, that are addressing some of the missing Spark components. Notes like links to where the project is located, author name and email, so we can contact them about possibly donating code to Apache Flex.

MX	Spark
Core
Application	Application
Flex defines a default, or Application, container that lets you start adding content to your application without explicitly defining another container.	Flex defines a default, or Application, container that lets you start adding content to your application without explicitly defining another container.

Containers
Accordion	spark.components.Accordion (MISSING)
An MX Accordion navigator container has a collection of child MX containers or Spark NavigatorContent containers, but only one of them at a time is visible.	Have you seen me? AccordionLayout has been spotted in Tink's whiteboard area. Browse examples Browse source http://svn.apache.org/viewvc/flex/whiteboard/tink/navigators/examples/src/AccordionLayoutExamples.mxml?view=markup Adobe has done work on a s:Accordion, this code is awaiting review/donation to the ASF. Mostly completed by Adobe but needs more testing. Reference: http://markmail.org/message/w6gjzsxibuwmbkkt

ApplicationControlBar	spark.components.Application.controlBarContent
The ApplicationControlBar container holds components that provide global navigation and application commands For the Halo Application container.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Application.html#controlBarContent

Box	spark.components.Group
A Halo Box container lays out its children in a single vertical column or a single horizontal row.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Group.html

BoxDirection	spark.layouts
The BoxDirection class specifies constant values for the direction property of the Box container.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/layouts/package-detail.html

Canvas	spark.components.Group
A Halo Canvas layout container defines a rectangular region in which you place child containers and controls.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Group.html

ControlBar	spark.components.Panel.controlBarContent
The ControlBar container lets you place controls at the bottom of a Halo Panel or Halo TitleWindow container.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Panel.html#controlBarContent

DividedBox	spark.components.DividedSkinnableContainer (MISSING)
A DividedBox container measures and lays out its children horizontally or vertically in exactly the same way as a Box container, but it inserts draggable dividers in the gaps between the children.	Have you seen me? In experimental project .. http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkDividers/
Form	spark.components.Form
The Form container lets you control the layout of a form, mark form fields as required or optional, handle error messages, and bind your form data to the Flex data model to perform data checking and validation.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Form.html

FormHeading	spark.components.FormHeading
The FormHeading container is used to display a heading for a group of controls inside a Form container.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/FormHeading.html

FormItem	spark.components.FormItem
The FormItem container defines a label and one or more children arranged horizontally or vertically.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/FormItem.html

FormItemDirection	spark.layouts
The FormItemDirection class defines the constant values for the direction property of the FormItem class.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/layouts/package-detail.html

Grid	spark.components.Grid (MISSING)
A Grid container lets you arrange children as rows and columns of cells, similar to an HTML table.	Have you seen me?

GridItem	spark.components.GridItem (MISSING)
The GridItem container defines a grid cell in GridRow container.	Have you seen me?

GridRow	spark.components.GridRow (MISSING)
The GridRow container defines a row in a Grid container, and contains GridCell containers.	Have you seen me?

HBox	spark.components.HGroup
The Halo HBox container lays out its children in a single horizontal row.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/HGroup.html

HDividedBox	spark.components.HDividedSkinnableContainer (MISSING)
The HDividedBox container lays out its children horizontally in the same way as HBox container, but it inserts a draggable divider in the gap between each child.	Have you seen me? In experimental project http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkDividers/

Panel	spark.components.Panel
A Halo Panel container consists of a title bar, a caption, a border, and a content area for its children.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Panel.html

TabNavigator	spark.components.TabNavigator (MISSING)
The MX TabNavigator container extends the MX ViewStack container by including a TabBar container for navigating between its child containers.	Have you seen me? Has been spotted in Tink's whiteboard. Browse example Browse source

Tile	spark.components.TileGroup
A Halo Tile container lays out its children in a grid of equal-sized cells.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TileGroup.html

TileDirection	spark.layouts.TileOrientation
The TileDirection class defines the constant values for the direction property of the Tile container.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/layouts/TileOrientation.html

TitleWindow	spark.components.TitleWindow
A TitleWindow layout container contains a title bar, a caption, a border, and a content area for its child.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TitleWindow.html

VBox	spark.components.VGroup
The Halo VBox container lays out its children in a single vertical column.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VGroup.html

VDividedBox	spark.components.VDividedSkinnableContainer (MISSING)
The VDividedBox container lays out its children vertically in the same way as the VBox container, but it inserts a draggable divider in the gap between each child.	Have you seen me?

ViewStack	spark.components.ViewStack (MISSING)
An MX ViewStack navigator container consists of a collection of child containers stacked on top of each other, where only one child at a time is visible.	Have you seen me? StackLayout has been spotted in Tink's whiteboard area. Browse examples Browse source http://svn.apache.org/viewvc/flex/whiteboard/tink/navigators/examples/src/NavigatorExample.mxml?view=markup

Adobe has done work on a s:ViewStack, this code is awaiting review/donation to the ASF.
Mostly completed by Adobe but needs more testing.
Reference: http://markmail.org/message/w6gjzsxibuwmbkkt |




Controls
AdvancedDataGrid	spark.components.AdvancedDataGrid (MISSING)
The AdvancedDataGrid control expands on the functionality of the standard DataGrid control to add data visualization features to your Adobe Flex application.	Have you seen me? Adobe has done work on a s:AdvancedDataGrid, this code is awaiting review/donation to the ASF.


Alert	spark.components.Alert (MISSING)
The Alert control is a pop-up dialog box that can contain a message, a title, buttons (any combination of OK, Cancel, Yes, and No) and an icon.	Have you seen me? In experimental project ... http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkAlert/

Button	spark.components.Button
The Button control is a commonly used rectangular button.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Button.html

ButtonBar	spark.components.ButtonBar
The ButtonBar control defines a horizontal or vertical group of logically related push buttons with a common look and navigation.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/ButtonBar.html


CheckBox	spark.components.CheckBox
The CheckBox control consists of an optional label and a small box that can contain a check mark or not.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/CheckBox.html

ColorPicker	spark.components.ColorPicker (MISSING)
The ColorPicker control provides a way for a user to choose a color from a swatch list.	Have you seen me? In experimental project ... http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkColorPicker/


ComboBox	spark.components.ComboBox
The ComboBox control contains a drop-down list from which the user can select a single value.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/ComboBox.html
	spark.components.DropDownList
	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/DropDownList.html

DataGrid	spark.components.DataGrid
The DataGrid control is like a List except that it can show more than one column of data making it suited for showing objects with multiple properties.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/DataGrid.html Adobe has additional features to review/donate to the ASF. DataGrid locked rows and columns DataGrid multi-column sorting DataGrid keyboard accessible column headers Reference: http://markmail.org/message/w6gjzsxibuwmbkkt

DateChooser	spark.components.DateChooser (MISSING)
The DateChooser control displays the name of a month, the year, and a grid of the days of the month, with columns labeled for the day of the week.	Have you seen me? Adobe has done work on a DateChooser, this code is awaiting review/donation to the ASF. About 85% completed by Adobe, has heavy internationalization requirements. Reference: http://markmail.org/message/w6gjzsxibuwmbkkt

DateField	spark.components.DateField (MISSING)
The DateField control is a text field that shows the date with a calendar icon on its right side.	Have you seen me?

FileSystemComboBox	spark.components.FileSystemComboBox (MISSING)
The FileSystemComboBox control defines a combo box control for navigating up the chain of ancestor directories from a specified directory in a file system.	Have you seen me?

FileSystemDataGrid	spark.components.FileSystemDataGrid (MISSING)
The FileSystemDataGrid control lets you display the contents of a single file system directory in a data grid format.	Have you seen me?

FileSystemHistoryButton	spark.components.FileSystemHistoryButton (MISSING)
The FileSystemHistoryButton control defines a single control with two buttons: a main button on the left and a secondary button on the right.	Have you seen me?

FileSystemList	spark.components.FileSystemList (MISSING)
The FileSystemList control lets you display the contents of a single file system directory, in a list format.	Have you seen me?

FileSystemTree	spark.components.FileSystemTree (MISSING)
The FileSystemTree control displays the contents of a file system directory as a tree.	Have you seen me?

FlexNativeMenu	spark.components.FlexNativeMenu (MISSING)
The FlexNativeMenu component provides a wrapper for AIR's NativeMenu class.	Have you seen me?

FormItemLabel	spark.components.FormItem.labelDisplay:IDisplayText
The FormItem container uses a FormItemLabel object to display the label portion of the FormItem container.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/FormItem.html#SkinPartSummary

HorizontalList	spark.components.HorizontalList (MISSING - should be a List component subclass w/ a HorizontalLayout by default)
The HorizontalList control displays a horizontal list of items.	Have you seen me?

HRule	spark.components.HRule (MISSING)
The HRule control creates a single horizontal line.	Have you seen me?

HScrollBar	spark.components.HScrollBar
The HScrollBar (horizontal ScrollBar) control lets you control the portion of data that is displayed when there is too much data to fit in a display area.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/HScrollBar.html

HSlider	spark.components.HSlider
The HSlider control lets users select a value by moving a slider thumb between the end points of the slider track.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/HSlider.html

HTML	spark.components.HTML (MISSING)
The HTML control lets you display HTML content in your application.	Have you seen me?

Image	spark.components.Image
The Image control lets you import JPEG, PNG, GIF, and SWF files at runtime.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Image.html

Label	spark.components.Label
The Label control displays a single line of noneditable text.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Label.html

LinkBar	spark.components.LinkBar (MISSING)
A LinkBar control defines a horizontal or vertical row of LinkButton controls that designate a series of link destinations.	Have you seen me?

LinkButton	spark.components.LinkButton (MISSING)
The LinkButton control is a borderless Button control whose contents are highlighted when a user moves the mouse over it.	Have you seen me?

List	spark.components.List
The List control displays a vertical list of items.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/List.html

Menu	spark.components.Menu (MISSING)
The Menu control creates a pop-up menu of individually selectable choices, similar to the File or Edit menu found in most software applications.	Have you seen me? In experimental project ... http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkMenu/

MenuBar	spark.components.MenuBar (MISSING)
A MenuBar control defines a horizontal, top-level menu bar that contains one or more menus.	Have you seen me? Has been spotted in Tink's whiteboard. Browse example Browse source And in experimental project ... http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkMenu/

MovieClipSWFLoader	spark.components.MovieClipSWFLoader (MISSING)
The MovieClipSWFLoader control extends SWFLoader to provide convenience methods for manipulating a SWF which has a MovieClip as its root content, provided that the MovieClip is not a Flex application.	Have you seen me?


NumericStepper	spark.components.NumericStepper
The NumericStepper control lets the user select a number from an ordered set.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/NumericStepper.html

OLAPDataGrid	spark.components.OLAPDataGrid (MISSING)
The OLAPDataGrid control expands on the functionality of the AdvancedDataGrid control to add support for the display of the results of OLAP queries.	Have you seen me?

PopUpButton	spark.components.PopUpButton (MISSING)
The PopUpButton control adds a flexible pop-up control interface to a Button control.	Have you seen me?
	spark.components.PopUpAnchor is a base for PopUpButton style components
	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/PopUpAnchor.html


PopUpMenuButton	spark.components.PopUpMenuButton (MISSING)
The PopUpMenuButton control creates a PopUpButton control with a main sub-button and a secondary sub-button.	Have you seen me?

ProgressBar	spark.components.ProgressBar (MISSING)
The ProgressBar control provides a visual representation of the progress of a task over time.	Have you seen me? In experimental project ... http://svn.apache.org/viewvc/flex/sdk/branches/develop/frameworks/projects/experimental/src/org/apache/flex/components/sparkProgressBar/

RadioButton	spark.components.RadioButton
The RadioButton control lets the user make a single choice within a set of mutually exclusive choices.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/RadioButton.html

RadioButtonGroup	spark.components.RadioButtonGroup
The RadioButtonGroup control defines a group of RadioButton controls that act as a single mutually exclusive control; therefore, a user can select only one RadioButton control at a time.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/RadioButtonGroup.html

RichTextEditor	spark.components.RichTextEditor (MISSING)
The RichTextEditor control lets users enter and format text.	Have you seen me?
	spark.components.RichEditableText - Can be used as a base for an s:RichTextEditor
	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/RichEditableText.html

Spacer	<s:Spacer />
The Spacer control helps you lay out children within a parent container.	The spark manifest points to mx:Spacer, so it is being repurposed under the spark namespace. Reference: http://markmail.org/message/oujbfhpo5a4j5eus

SWFLoader	spark.components.SWFLoader (MISSING)
The SWFLoader control loads and displays a specified SWF file.	Have you seen me?

TabBar	spark.components.TabBar
The TabBar control lets you create a horizontal or vertical group of tab navigation items by defining the labels and data associated with each tab.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TabBar.html

Text	spark.components.Label
The Text control displays multiline, noneditable text.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Label.html

TextArea	spark.components.TextArea
The TextArea control is a multiline text field with a border and optional scroll bars.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TextArea.html

TextInput	spark.components.TextInput
The TextInput control is a single-line text field that is optionally editable.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/TextInput.html

TileList	spark.components.TileList (MISSING - should be a s:List component with a TileLayout by default)
The TileList control displays a number of items laid out in tiles.	Have you seen me?

ToggleButtonBar	spark.components.ToggleButtonBar (MISSING)
The ToggleButtonBar control defines a horizontal or vertical group of buttons that maintain their selected or deselected state.	Have you seen me?

ToolTip	spark.components.ToolTip (MISSING)
The ToolTip control lets you provide helpful information to your users.	Have you seen me? Adobe has done work on a skinnable ToolTip, this code is awaiting review/donation to the ASF. Mostly completed by Adobe but needs more testing. Reference: http://markmail.org/message/w6gjzsxibuwmbkkt

Tree	spark.components.Tree (MISSING)
The Tree control lets a user view hierarchical data arranged as an expandable tree.	Have you seen me?

VideoDisplay	spark.components.VideoDisplay
The VideoDisplay control lets you play an FLV file in a Flex application.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VideoDisplay.html

VRule	spark.components.VRule (MISSING)
The VRule control creates a single vertical line.	Have you seen me?

VScrollBar	spark.components.VScrollBar
The VScrollBar (vertical ScrollBar) control lets you control the portion of data that is displayed when there is too much data to fit in a display area.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VScrollBar.html

VSlider	spark.components.VSlider
The VSlider control lets users select a value by moving a slider thumb between the end points of the slider track.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/VSlider.html



Formatters

CurrencyFormatter	spark.formatters.CurrencyFormatter
The CurrencyFormatter class formats a valid number as a currency value.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/formatters/CurrencyFormatter.html


DateFormatter	spark.formatters.DateFormatter
The DateFormatter class uses a format String to return a formatted date and time String from an input String or a Date object.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/formatters/DateTimeFormatter.html


NumberFormatter	spark.formatters.NumberFormatter
The NumberFormatter class formats a valid number by adjusting the decimal rounding and precision, the thousands separator, and the negative sign.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/formatters/NumberFormatter.html

PhoneFormatter	spark.formatters.PhoneFormatter (MISSING)
The PhoneFormatter class formats a valid number into a phone number format, including international configurations.	Have you seen me?

SwitchSymbolFormatter	spark.formatters.SwitchSymbolFormatter (MISSING)
The SwitchSymbolFormatter class is a utility class that you can use when creating custom formatters.	Have you seen me?

ZipCodeFormatter	spark.formatters.ZipCodeFormatter (MISSING)
The ZipCodeFormatter class formats a valid number into one of the following formats, based on a user-supplied formatString property.	Have you seen me?



Validators
CreditCardValidator	spark.validators.CreditCardValidator (MISSING)
The CreditCardValidator class validates that a credit card number is the correct length, has the correct prefix, and passes the Luhn mod10 algorithm for the specified card type.	Have you seen me?

CurrencyValidator	spark.validators.CurrencyValidator
The CurrencyValidator class ensures that a String represents a valid currency expression.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/validators/CurrencyValidator.html

DateValidator	spark.validators.DateValidator (MISSING)
The DateValidator class validates that a String, Date, or Object contains a proper date and matches a specified format.	Have you seen me?

EmailValidator	spark.validators.EmailValidator (MISSING)
The EmailValidator class validates that a String has a single @ sign, a period in the domain name and that the top-level domain suffix has two, three, four, or six characters.	Have you seen me?

NumberValidator	spark.validators.NumberValidator
The NumberValidator class ensures that a String represents a valid number.	http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/validators/NumberValidator.html

PhoneNumberValidator	spark.validators.PhoneNumberValidator (MISSING)
The PhoneNumberValidator class validates that a string is a valid phone number.	Have you seen me?

RegExpValidator	spark.validators.RegExpValidator (MISSING)
The RegExpValidator class lets you use a regular expression to validate a field.	Have you seen me?

SocialSecurityValidator	spark.validators.SocialSecurityValidator (MISSING)
The SocialSecurityValidator class validates that a String is a valid United States Social Security number.	Have you seen me?

StringValidator	spark.validators.StringValidator (MISSING)
The StringValidator class validates that the length of a String is within a specified range.	Have you seen me? StringValidator has been spotted in whiteboards/s9tpepper/validators Current status: Missing globalization implementation details to tie into new GlobalizationValidatorBase APIs Browse source Browse tests

ZipCodeValidator	spark.validators.ZipCodeValidator (MISSING)
The ZipCodeValidator class validates that a String has the correct length and format for a five-digit ZIP code, a five-digit+four-digit United States ZIP code, or Canadian postal code.	Have you seen me?




Charts
AreaChart	spark.charts.AreaChart (MISSING)
The AreaChart control represents data as an area bounded by a line connecting the values in the data.	Have you seen me?

BarChart	spark.charts.BarChart (MISSING)
The BarChart control represents data as a series of horizontal bars whose length is determined by values in the data.	Have you seen me?

BubbleChart	spark.charts.BubbleChart (MISSING)
The BubbleChart control represents data with three values for each data point.	Have you seen me?

CandlestickChart	spark.charts.CandlestickChart (MISSING)
The CandlestickChart control represents financial data as a series of candlesticks representing the high, low, opening, and closing values of a data series.	Have you seen me?

ColumnChart	spark.charts.ColumnChart (MISSING)
The ColumnChart control represents data as a series of vertical columns whose height is determined by values in the data.	Have you seen me?

HLOCChart	spark.charts.HLOCChart (MISSING)
The HLOCChart (High Low Open Close) control represents financial data as a series of elements representing the high, low, closing, and optionally opening values of a data series.	Have you seen me?

Legend	spark.charts.Legend (MISSING)
The Legend control adds a legend to your charts, where the legend displays the label for each data series in the chart and a key showing the chart element for the series.	Have you seen me?

LegendItem	spark.charts.LegendItem (MISSING)
Controls the individual legend elements in a chart legend.	Have you seen me?

LineChart	spark.charts.LineChart (MISSING)
The LineChart control represents a data series as points connected by a continuous line.	Have you seen me?

PieChart	spark.charts.PieChart (MISSING)
The PieChart control represents a data series as a standard pie chart.	Have you seen me?

PlotChart	spark.charts.PlotChart (MISSING)
The PlotChart control represents data with two values for each data point.	Have you seen me?

Space shortcuts

Child pages

4 Comments

Anonymous

Stephen Kringas

Anonymous

Wilson Silva