First, a picture of what's going on:
http://joshbuhler.com/images/sliders.jpg
(The grey rectangle background on the left isn't part of the problem.)
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?
