I want to customize the images on increment and decrement buttons in spark numericstepper and I trying the following in my css file. But it doesnot work for spark numericstepper.
s|NumericStepper
{
downArrowDisabledSkin: Embed(source="assets/componentImages/downArrowDisabledSkin.png");
downArrowDownSkin: Embed(source="assets/componentImages/downArrowDownSkin.png");
downArrowOverSkin: Embed(source="assets/componentImages/downArrowOverSkin.png");
downArrowUpSkin: Embed(source="assets/componentImages/downArrowUpSkin.png");
upArrowDisabledSkin: Embed(source="assets/componentImages/upArrowDisabledSkin.png");
upArrowDownSkin: Embed(source="assets/componentImages/upArrowDownSkin.png");
upArrowOverSkin: Embed(source="assets/componentImages/upArrowOverSkin.png");
upArrowUpSkin: Embed(source="assets/componentImages/upArrowUpSkin.png");
}
This is how you skin a halo (mx) NumericStepper but it won’t work for the spark NumericStepper.
You have to create a new spark skin and use BitmapImage in it.
Before that, I suggest you read more about the new spark architecture