18
Dec
07

Changing the background color of the nested calendar in a Flex DateField control

The following example shows how you can change the background color and text color of the DateField control’s nested DateChooser component.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/18/changing-the-background-color-of-the-nested-calendar-in-a-flex-datefield-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="top"
        backgroundColor="white">

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

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

</mx:Application>

View source is enabled in the following example.


0 Responses to “Changing the background color of the nested calendar in a Flex DateField control”


  1. No Comments

Leave a Reply

This blog is terrible at eating HTML tags. If you plan on posting code/XML, please escape your "<" characters as "&lt;" and your ">" characters as "&gt;".




December 2007
M T W T F S S
« Nov   Jan »
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Badge Farm

  • Firefox 2
  • Powered by Redoable 1.2
  • Feeds burnt by Feedburner
  • Feed