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.

Advertisements

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!
    😀

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: