Category Archives: VScrollBar (Spark)

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

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 Determining if the scroll bars are visible in a Spark Scroller container in Flex 4

Setting the slide duration on a Spark HScrollBar control in Flex 4

In a previous example, “Setting the slide duration on a Spark HSlider control in Flex 4”, we saw how you could set the slide duration on a Spark HSlider control in Flex 4 by setting the slideDuration style.

The following example shows how you can set the slide duration on a Spark HScrollBar control in Flex 4 by setting the slideDuration style to control the animated thumb scroll when Ctrl+clicking on the scroll bar track.

Continue reading Setting the slide duration on a Spark HScrollBar control in Flex 4

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

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 Setting a custom horizontal scroll bar skin on a Spark List control in Flex 4

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

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 Styling the horizontal and vertical scroll bars on a Spark List control in Flex 4

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

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