Scroller (Spark) | Flex Examples

Adding scroll bars to an Spark Application container in Flex 4

By Peter deHaan On November 3, 2010 · 11 Comments

The following example shows how you can add scroll bars to a Spark Application container in Flex 4 by creating a custom skin, adding a Spark Scroller container around the contentGroup skin part, and setting the skinClass style on the Application tag.

Continue Reading →

Determining if the scroll bars are visible in a Spark Scroller container in Flex 4

By Peter deHaan On April 30, 2010 · 3 Comments

The following example shows how you can determine if the vertical and/or horizontal scroll bars are visible on a Spark Scroller container in Flex 4 by checking the verticalScrollBar or horizontalScrollBar skin part’s Boolean visible property.

Continue Reading →

Programmatically scrolling the Spark TextArea control in Flex 4

By Peter deHaan On February 18, 2010 · 2 Comments

The following example shows how you can programmatically scroll the Spark TextArea control in Flex 4 by setting the vertical scroll position on the horizontal and vertical scroll bars in the scroller, horizontalScrollBar, and verticalScrollBar skin parts.

Continue Reading →

Clipping the content in a Spark Panel container in Flex 4

By Peter deHaan On November 14, 2009 · 5 Comments

The following examples show how you can clip the overflowing content in a Spark Panel container in Flex 4 by setting the Boolean clipAndEnableScrolling property or using a Spark Scroller container.

Full code after the jump.

Continue Reading →

Setting a custom horizontal scroll bar skin on a Spark List control in Flex 4

By Peter deHaan On November 4, 2009 · 8 Comments

The following example shows how you can apply a custom horizontal scroll bar skin on the Spark List control in Flex 4 by setting the skinClass style.

Full code after the jump.

Continue Reading →

Styling the horizontal and vertical scroll bars on a Spark List control in Flex 4

By Peter deHaan On November 4, 2009 · 4 Comments

The following example shows how you can set a base theme color on a Spark List control’s horizontal and vertical scroll bar by setting the chromeColor style.

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 →

Toggling horizontal and vertical scroll bars on a Spark List control in Flex 4

By Peter deHaan On October 5, 2009 · Leave a Comment

The following example shows how you can show or hide horizontal and vertical scroll bars on a Spark List control in Flex 4 by setting the horizontalScrollPolicy and/or verticalScrollPolicy styles.

Full code after the jump.

Continue Reading →