GhostWire ComboBox

This Flash component allows you to create standard UI comboboxes. In addition to the Windows lookalike combobox, the ComboBox(Silver) component is included to demonstrate the ease at which you can swap the scrollbar used.

Example

Here is an example of the ComboBox (filesize 17KB including ListBox and ScrollPane):

* The above is loaded into a ScrollPane, although the scrollbar doesn't show because there is nothing to scroll.

Features

Row Height Control

From the Properties Panel, you can configure the height of the rows in the ComboBox. During runtime, control the height of the rows easily with the setRowHeight() method. This is important when you want to make the font smaller/bigger, or to fit in an icon.

List Placement Control

From the Properties Panel, you can configure where the list of selectable items should appear relative to the ComboBox - "top", "bottom" (default) or "center". During runtime, control the position with the setListPlacement() method. This is useful, for example, if you have a ComboBox near the bottom of the screen. Please see the next sample for an example of a ComboBox with the popup list at the top instead of bottom.

Icons

Easily insert icons alongside the labels by specifying an "icon" property for the items. Here is an example:

The icons can be of any size (but will be scaled to fit the row), and this means that if you want, you can have blank labels and use images as the associated items instead!

EdgeScroll

You can set this property true/false from the Properties Panel. When set to true, your users can scroll the combox items by moving the mouse to the top/bottom of the list.

Snap to Pixel

The component snaps to pixel when published, ensuring that it looks crisp and sharp when the movie plays. Usually to achieve this, you need to ensure that you place your movieclips at integer coordinates (no decimal place) during authoring time. This is not necessary with the GhostWire components, which will automatically snap to pixel when published. For example, if the component was placed at x coordinate 20.2, when published it will be placed at x coordinate 20.0 instead. In addition, the component also resizes itself to integer widths and heights.

Truly Skinnable

You can easily swap the scrollbar used in the ComboBox. The package comes with a ComboBox(Silver) to demonstrate this:

Copyright © 2003-2010 GhostWire Studios