Applying styles to Date Field Control in Flex.

Here we got to use a property to apply style to our Date Field control.

dateChooserStyleName                   -> property to use

use it as:

<mx:DateField id=”dateField”
dateChooserStyleName=”subDateChooser” />

Now define ur style like below with properties of your like.

<mx:Style>
.subDateChooser {
backgroundColor: black;
color: white;
fontweight:bold
}
</mx:Style>

Now the Date Field control has the style we have defined.Date Field Styles.

This gives the snapshot,enjoy the code.

4 Responses to “Applying styles to Date Field Control in Flex.”

  1. Phillip Molaro Says:

    How do you get rid of the extra space between the last row of numbers and the bottom of the component. I looks at the doco and I thought the “bottom” css style would do it, but it doesn’t. Is it a skin of some sort?

  2. jenny Says:

    i was thinking if anyone here knew how to get the data in a datefield when printing???
    and how to make a constraint that wont allow users to select past dates??

    really need your help.

    thanks a lot!
    :D

Leave a Reply