Extend mx.controls.sliderClasses.SliderThumb

override the measure() function with something like this:

override protected function measure():void
   {
       super.measure();

       measuredWidth = THE_WIDTH_YOU_WANT;
       measuredHeight = THE_HEIGHT_YOU_WANT;
   }

Then set the sliderThumbClass attribute of your Slider to the class
reference for your extended thumb class. The default SliderThumb class has a
width and height of 12 hardcoded in.

Doug



On 6/5/07, joshbuhler <[EMAIL PROTECTED]> wrote:

  First, a picture of what's going on:

http://joshbuhler.com/images/sliders.jpg

I want the slider to appear like the slider on the right. However, once it
loads in Flex, I get
the slider on the left - with the shrunken thumb button.

The graphics were done in Flash CS3, and have been exported into a swf.
The CSS rule I've
defined for the slider is as follows:

Slider {
thumbDisabledSkin: Embed(source="/assets/skins/viewerSkin.swf",
symbol="SliderThumb_disabledSkin");
thumbDownSkin: Embed(source="/assets/skins/viewerSkin.swf",
symbol="SliderThumb_downSkin");
thumbOverSkin: Embed(source="/assets/skins/viewerSkin.swf",
symbol="SliderThumb_overSkin");
thumbUpSkin: Embed(source="/assets/skins/viewerSkin.swf",
symbol="SliderThumb_upSkin");
trackHighlightSkin: Embed(source="/assets/skins/viewerSkin.swf",
symbol="SliderHighlight_Skin");
trackSkin: Embed(source="/assets/skins/viewerSkin.swf",
symbol="SliderTrack_Skin");
dataTipOffset: -50;
}

I've been searching for ways to specify the height of the thumb for a
while now, and
haven't had any luck. Any suggestions?

Reply via email to