How do I specify my custom skin class in a CSS file? Basically I want to
customize the horizontal scroolbar.
The MXML control:
<mx:HBox horizontalScrollBarStyleName="myCustomHorizontalScrollBar"/>
The style is defined as follows:
.myCustomHorizontalScrollBar{
trackSkin: mySkins.CustomScrollTrackSkin;
downArrowDisabledSkin: mySkins.CustomScrollArrowSkin;
downArrowDownSkin: mySkins.CustomScrollArrowSkin;
downArrowOverSkin: mySkins.CustomScrollArrowSkin;
downArrowUpSkin: mySkins.CustomScrollArrowSkin;
thumbDownSkin: mySkins.CustomScrollThumbSkin;
thumbOverSkin: mySkins.CustomScrollThumbSkin;
thumbUpSkin: mySkins.CustomScrollThumbSkin;
upArrowDisabledSkin: mySkins.CustomScrollArrowSkin;
upArrowDownSkin: mySkins.CustomScrollArrowSkin;
upArrowOverSkin: mySkins.CustomScrollArrowSkin;
upArrowUpSkin: mySkins.CustomScrollArrowSkin;
}
This style definition above is invalid. Using quotes (e.g.
upArrowUpSkin: "mySkins.CustomScrollArrowSkin";)
will not resolve the problem either, as the the class cannot be
instantiated at runtime
Is there a specific CSS function to use for ActionScript classes for
achieving the right syntax here?
Thanks.
