This Confluence has been LDAP enabled, if you are an ASF Committer, please use your LDAP Credentials to login. Any problems file an INFRA jira ticket please.

Child pages
  • Missing Spark Components
Skip to end of metadata
Go to start of metadata

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?


  • No labels

4 Comments

  1. Anonymous

    The Spark accordion should have an additional option to keep tabs open instead of closing them when a new tab gets opened.
    Like this: http://flexlib.googlecode.com/svn/trunk/examples/WindowShade_Sample.swf

  2. Saw the following blog which has a spark ColorPicker

    Spark ColorPicker

  3. Anonymous

    What does "Have you seen me?" mean?

  4. Some components like Alert, Menu, ProgressBar, have been spotted and may be added in an upcoming release.