Monthly Archives: February 2009

Styling the decrement button and increment button on a Spark VScrollBar control in Flex 4

The following example shows how you can use advanced CSS to style the decrement and decrement buttons on a Spark TextArea control’s vertical scroll bar in Flex 4 by styling the #decrementButton and #incrementButton selectors.

Full code after the jump.

Continue reading Styling the decrement button and increment button on a Spark VScrollBar control in Flex 4

Styling the decrement button and increment button on a Spark Spinner control in Flex 4

The following example shows how you can use advanced CSS to style the decrement and decrement buttons on a Spark Spinner control’s vertical scroll bar in Flex 4 by styling the #decrementButton and #incrementButton selectors.

Full code after the jump.

Continue reading Styling the decrement button and increment button on a Spark Spinner control in Flex 4

Removing the thumb button on a Spark VScrollBar control in Flex 4

In a previous example, “Removing the increment and decrement buttons on a Spark VScrollBar control in Flex 4”, we saw how you could remove the increment and decrement buttons on a Flex 4 Spark VScrollBar control by creating a custom skin and setting the skinClass style.

The following example shows how you can remove the thumb button on a Flex 4 Spark VScrollBar control by creating a custom skin and setting the skinClass style.

Full code after the jump.

Continue reading Removing the thumb button on a Spark VScrollBar control in Flex 4

Setting a column count and row count on a TileLayout FxList component in Flex Gumbo

The following example shows how you can set a column count and row count on a Flex Gumbo FxList contrl with a tile layout by setting the columnCount, columnWidth, rowCount, and rowHeight properties on the TileLayout object.

Full code after the jump.

Continue reading Setting a column count and row count on a TileLayout FxList component in Flex Gumbo

Setting the horizontal alignment on a Spark List control in Flex 4

The following example shows how you can set the horizontal alignment on a Spark List control in Flex 4 with a vertical layout by setting the horizontalAlign property on the VerticalLayout object to one of the static constants in the mx.layout.HorizontalAlign class.

Continue reading Setting the horizontal alignment on a Spark List control in Flex 4

Hiding specific items in a data provider based on the current application state in Flex Gumbo

The following example shows how you can toggle specific strings based on the Flex Gumbo application’s current state by using the includeIn and excludeFrom attributes on the String object.

For more information see “Exploring the new states syntax in Flex Gumbo” and the “Enhanced States Syntax – Functional and Design Specification” page at opensource.adobe.com.

Full code after the jump.

Continue reading Hiding specific items in a data provider based on the current application state in Flex Gumbo

Setting the layout direction on an FxList control in Flex Gumbo

The following examples show how you can set the layout direction on a Flex Gumbo FxList control by setting the layout property to a VerticalLayout object (default), HorizontalLayout object, or a TileLayout object.

Full code after the jump.

Continue reading Setting the layout direction on an FxList control in Flex Gumbo