The following example shows how you can determine when the Flex DateField control’s is opened or closed by listening for the open or close events.
Full code after the jump.
Continue reading ‘Determining when the DateField control is opened or closed in Flex’
The following example shows you how you can align the selected date in the Flex DateField control’s text field by setting the textAlign style.
Full code after the jump.
Continue reading ‘Aligning the selected date in a DateField control in Flex’
The following example shows how you can change the default calendar icon that appears in a DateField control in Flex by setting the skin style.
Full code after the jump.
Continue reading ‘Changing the default calendar icon in a Flex DateField control’
The following example shows how you can remove the default drop shadow from the nested DateChooser control in a Flex DateField control by setting the dropShadowEnabled style.
Full code after the jump.
Continue reading ‘Removing the drop shadow from the DateField control in Flex’
The following example shows how you can customize the current date in a DateField control in Flex by setting a custom skin behind the current date using the todayIndicatorSkin style, as well as setting the todayStyleName style to set various text formats, such as text color and font weight.
Full code after the jump.
Continue reading ‘Customizing the current date in a Flex DateField control’
The following example shows how you can set the firstDayOfWeek property on the Flex DateField control to control whether the pop-up calendar starts on a Sunday (default) or a different day of the week.
Full code after the jump.
Continue reading ‘Setting the first day of the week in a Flex DateField control’s calendar’
In an earlier example, “Changing the current date’s background color in the Flex DateField control”, we saw how you can customize the background color of the current date, assuming that the showToday property is true. In the following example, we see how you can change the font color, style, and weight of the current date by setting the todayStyleName style in the Flex DateField control’s nested DateChooser control.
Full code after the jump.
Continue reading ‘Customizing the current date in the 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.
Continue reading ‘Changing the background color of the nested calendar in a Flex DateField control’
The following example shows how you can set the background color for the current date in the DateField control in Flex by setting the todayColor style.
If you want to disable the highlighting of the current date, you can set the showToday property to false.
Full code after the jump.
Continue reading ‘Changing the current date’s background color in the Flex DateField control’
The following example shows the various usages of the selectableRange property for the DateField control in Flex.
Full code after the jump.
Continue reading ‘Setting selectable ranges in the Flex DateField control’
The following example shows how you can set a minimum and maximum allowable year in the Flex DateField control by setting the minYear and maxYear properties.
Full code after the jump.
Continue reading ‘Setting a minimum and maximum allowable year in the Flex DateField control’
The following example shows how you can embed fonts for use with the DateField control in Flex. Note that we embed both the normal and bold font weights since by default the month and year are bold in the DateChooser sub-component.
Full code after the jump.
Continue reading ‘Embedding fonts for the Flex DateField control’
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.
The following example shows how you can customize the icon color on the next/previous month/year buttons in a Flex DateField control by setting the iconColor style.
Full code after the jump.
Continue reading ‘Changing the icon color on a DateField control in Flex’
The following example shows how you can toggle year navigation in a Flex DateField control by setting the yearNavigationEnabled property.
Full code after the jump.
Continue reading ‘Enabling year navigation in a Flex DateField control’
