Numeric Stepper with vertical alignment

The Flex component mx.control.NumericStepper does not allow for the vertical alignment of the contents of its text input. By extending this class and adding paddingTop to the inputFieldStyleFilters for the text input, the vertical alignment of the content can be controlled using CSS.

package de.cophase.controls
{
	import mx.controls.NumericStepper;
 
	[Style(name="paddingTop", type="Number", format="Length", inherit="no")]
 
	public class NumericStepper extends mx.controls.NumericStepper
	{
		public function NumericStepper()
		{
			super();
 
			inputFieldStyleFilters['paddingTop'] = "paddingTop";
		}
	}
}

[Sources]

October 20, 2008 | Filed Under Flex

Comments

One Response to “Numeric Stepper with vertical alignment”

  1. Elaz on November 18th, 2008 5:20 pm

    Great job man!
    helped me a lot!