[flexcoders] Setting NumericStepper's label?

Hey all - I'm having problems setting a NumericStepper's label to be even with a text object next to it:

Both have the fontSize at 12, but for some reason the text in the numericStepper isn't bottom aligned:

<mx:HBox styleName="workForm" width="130" horizontalAlign="center" verticalAlign="bottom" >

<mx:Text text="SELF:" selectable="false" width="100%" bottom="0" styleName="selfForm" buttonMode="true" useHandCursor="true" />

<mx:NumericStepper width="38" styleName="selfForm" id="work" maximum="25" />

</mx:HBox>

I took out any of the data calls just to make this clearer.

The shared CSS they use is this:

.selfForm

{

backgroundColor: #C3B318;

textAlign: right;

color: #FFFFFF;

borderStyle: solid;

cornerRadius: 3;

borderThickness: 0;

fontWeight: bold;

fontSize: 12;

verticalCenter: 0;

baseline: 0;

bottom: 0;

fontFamily: Helvetica;

}

Any help is greatly appreciated as this is driving me nuts; I've been looking at labelPlacement, the baseline, etc, but nothing seems to help.

Reply via email to