Tag Archives: columnWidth

Setting the tab width on a Spark TabBar control in Flex 4

In a previous example, “Setting the tab width on a TabBar control in Flex”, we saw how you could set the tab width on an MX TabBar control in Flex by setting the aptly named tabWidth style.

The following example shows how you can set the tab width on a Spark TabBar control in Flex 4 by creating a horizontal layout and setting the columnWidth and variableColumnWidth properties.

Continue reading Setting the tab width on a Spark TabBar 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

Creating a simple image gallery with the Flex HorizontalList control

This request comes to us from a faithful reader who was wondering how you can display a full image when a user clicks on a thumbnail in a HorizontalList control in Flex. My solution was to put the thumbnail image and full image URLs in the data provider and then use bindings to the HorizontalList control’s selectedItem property.

Full code after the jump.

Continue reading Creating a simple image gallery with the Flex HorizontalList control