Flex Examples
The following example shows how you can change the next/previous month navigation icons on a Flex DateField control by setting the dateChooserStyleName style and setting various skin values.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/16/changing-the-next-and-previous-month-navigation-icons-on-a-datefield-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Style>
.myDateChooserStyles {
/* Previous Month */
prevMonthUpSkin: Embed("assets/bullet_delete.png");
prevMonthOverSkin: Embed("assets/bullet_delete.png");
prevMonthDownSkin: Embed("assets/bullet_delete.png");
prevMonthDisabledSkin: Embed("assets/bullet_delete.png");
/* Next Month */
nextMonthUpSkin: Embed("assets/bullet_add.png");
nextMonthOverSkin: Embed("assets/bullet_add.png");
nextMonthDownSkin: Embed("assets/bullet_add.png");
nextMonthDisabledSkin: Embed("assets/bullet_add.png");
}
</mx:Style>
<mx:DateField id="dateField"
dateChooserStyleName="myDateChooserStyles" />
</mx:Application>
View source is enabled in the following example.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
