VGroup (Spark) | Flex Examples

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 →

Toggling variable row heights on a Spark VGroup container in Flex 4

By Peter deHaan On October 2, 2009 · 1 Comment

The following example shows how you can toggle variable item/row heights on a Spark VGroup container in Flex 4 by setting the Boolean variableRowHeight property.

Full code after the jump.

Continue Reading →