Hi all,
In Flex 3 you can do this with skins. The width of the scrollbar is going
to be the max width of any of the scrollbar's children: upArrow, downArrow,
track, and thumb.
Add this to the project's stylesheet.css:
.mySkinnyScrollBar {
up-arrow-skin: ClassReference( null );
down-arrow-skin: ClassReference( null );
trackSkin: Embed(source="../assets/sliderTrack.png");
thumbUpSkin: Embed(source="../assets/sliderThumb.png");
thumbOverSkin: Embed(source="../assets/sliderThumb_over.png");
thumbDownSkin: Embed(source="../assets/sliderThumb_down.png");
}
Then set the List's verticalScrollBarStyleName property in mxml like this:
verticalScrollBarStyleName="mySkinnyScrollBar"
If the PNGs you're using are 3 pixels wide then the scrollbar is going to be
3 pixels wide.
I would, however, use some scaling with the bitmaps like this:
thumbUpSkin: Embed(source="../assets/sliderThumb.png",
scaleGridLeft="7", scaleGridTop="5", scaleGridRight="8",
scaleGridBottom="7");
Cheers
Gabor
--
View this message in context:
http://www.nabble.com/Scrollbar-Thumb-turn-off-stretch--tp11168854p18260524.html
Sent from the FlexCoders mailing list archive at Nabble.com.
