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

By Peter deHaan On September 29, 2010 · 3 Comments

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 [...]

Continue Reading →

Changing the gap between form items in a Spark Form container in Flex Hero

By Peter deHaan On August 29, 2010 · 3 Comments

The following example shows how you can set the gap between form items in a Spark Form container in Flex Hero by setting the gap property on the Form container’s layout object.

Continue Reading →

Setting the custom layout on a Spark FormItem control in Flex Hero

By Peter deHaan On August 28, 2010 · 3 Comments

The following example shows how you can set a custom layout on a Spark FormItem control in Flex Hero by setting the layout property on the FormItem container to a HorizontalLayout object.

Continue Reading →

Creating a variable row height Spark DropDownList control in Flex 4

By Peter deHaan On January 19, 2010 · Leave a Comment

In a previous example, “Creating a variable row height item renderer on a ComboBox control in Flex”, we saw how you could create a variable row height item renderer on a Flex MX ComboBox control by setting the variableRowHeight property on the ComboBox control’s dropdown property.

The following example shows how you can create [...]

Continue Reading →

Auto scrolling the contents of a VGroup container in Flex 4

By Peter deHaan On November 2, 2009 · 9 Comments

The following example shows how you can tab through a series of Spark TextInput controls in Flex 4 and auto-scroll the VGroup container so that the currently focused text field has focus by using the fractionOfElementInView() method, getScrollPositionDeltaToElement() method, and verticalScrollPosition property.

Full code after the jump.

Continue Reading →

Determining how much of an item is visible in a scrolling VGroup container in Flex 4

By Peter deHaan On October 31, 2009 · 2 Comments

In a previous example, “Determining the first and last visible item in a scrolling VGroup container in Flex 4″, we saw how you could determine the first and last item in a Spark VGroup container’s view by using the firstIndexInView and lastIndexInView properties on the VGroup container’s layout property.

The following example shows how [...]

Continue Reading →

Determining the first and last visible item in a scrolling VGroup container in Flex 4

By Peter deHaan On October 30, 2009 · 4 Comments

The following example shows how you can determine the first and last item in a Spark VGroup container’s view by using the firstIndexInView and lastIndexInView properties on the VGroup container’s layout property.

Full code after the jump.

Continue Reading →

Setting word wrapping on a Spark List control in Flex 4

By Peter deHaan On October 27, 2009 · 6 Comments

The following example shows how you can enable word wrapping on a Spark List control in Flex 4 by overriding the default layout with a VerticalLayout object and set its horizontalAlign property to “justify” (instead of the default “contentJustify”).

Full code after the jump.

Continue Reading →

Creating a tile layout Spark DropDownList control in Flex 4

By Peter deHaan On April 15, 2009 · 4 Comments

The following example shows how you can create a Spark DropDownList with a tile layout in Flex 4 by setting the layout property to a TileList object.

Full code after the jump.

Continue Reading →

Creating a tile layout Spark ButtonBar control in Flex 4

By Peter deHaan On March 26, 2009 · 1 Comment

In a previous example, “Creating a vertical Spark ButtonBar control in Flex 4″, we saw how you can create a vertical Spark ButtonBar control in Flex 4 by setting the layout property to a VerticalLayout object.

The following example shows how you can create a tile layout on the Spark ButtonBar control in Flex [...]

Continue Reading →

Creating a tile list using the Spark List control in Flex 4

By Peter deHaan On March 24, 2009 · 11 Comments

The following example shows how you can create a simple TileList control in Flex 4 using the Spark List control and using a TileLayout layout with the default complex item renderer to display images.

Full code after the jump.

Continue Reading →

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

By Peter deHaan On February 26, 2009 · Leave a Comment

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 →