Customizing the ultimateScroller

You may start customizing the scroller after dragging and dropping it to the stage and connect it to a target movieClip. There is NO LIVE PREVIEW for any of the customization of the scroller. To test, press CTRL + ENTER as you work.

CHANGING THE ARROWS

1) Locate the 'arrow' movieClip in the library and double click to edit it.
2) Delete/modify the arrow or...
3) Draw your new arrow ensuring that it still points DOWN (the same arrow will be used for the other directions).
4) Position your new arrow in the center of the movieClip using the ALIGN panel.
5) Your new arrow element will be BLACK by default. If you'd like to override this setting, set DEFAULT ARROW COLOR to TRUE (in the component properties panel).
6) By default, should the movieClip not be long enough to trigger scrolling, the colors of the arrow will change to grey. Although this is a desired a effect in the default scroller, you may not wish to show this on your custom scroller. You may override this by selecting in the component properties panel: USE DISABLED ARROW COLOR to FALSE

 

CHANGING THE DRAG BAR

1) Locate the 'ultimateScroller_drag' movieClip in the library and double click to edit it.
2) Delete the actionscript in the first frame.
3) Draw your new drag bar.
4) Take note of the 'H' value of your new drag bar.
5) Position your new drag bar at x=0, y=0

Note: The following must be set in the components panel to ensure correct functioning of the scroller:

Dragbar Auto Height = false
Dragbar Height = height of new dragbar

CHANGING THE SCROLL TRACK

1) Locate the 'ultimateScroller_track' movieClip in the library and double click to edit it.
2) You can edit the element at will, but do not delete this element at any time.
3) If you do not wish to see this element, change its ALPHA to 0.
4) Position your new scroll track at x=0, y=0. Height must be 100 pixels.

Note:

SCROLLER WIDTH:
If the elements don't look the way that you intended, you may need to manually adjust the width of the scroller in the component properties panel to match your design.

BUILT IN BORDERS:
The built in border options may not work properly in a custom made scroller.

HIT AREA:
If you set both "Show ScrollButtons" and "Show ScrollTrack" to false there won't be a hit area for the scroll buttons. In this case, you should rather set "Show ScrollTrack" to true and make the scrollTrack transparent. To do this, edit the "ultimateScroller_track" movieClip in the library and set the alpha of "scrollTrack_mc", which is inside this movieClip, to 0%.