DateChooser Styles : DateChooser « Components « Flex






DateChooser Styles

DateChooser Styles
       

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


 
<!-- controls\date\DateChooserStyles.mxml --> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx"> 
    <fx:Style> 
        .myHeaderStyle{ 
            color:#6666CC; 
            font-family:Times New Roman, Times, serif; 
            font-size:16px; 
            font-weight:bold;
        } 
        .myTodayStyle{ 
            color:#CC6633; 
            font-family:Times New Roman, Times, serif; 
            font-size:12px; 
            font-weight:bold;
        } 
        .myDayStyle{ 
            color:#006600; 
            font-family:Courier New, Courier, mono; 
            font-size:15px; 
            font-style:italic; 
            font-weight:bold;
        } 
    </fx:Style> 
    <mx:DateChooser 
    headerStyleName="myHeaderStyle" 
    todayStyleName="myTodayStyle" 
    todayColor="#CCCCCC" 
    weekDayStyleName="myDayStyle"/> 
</s:Application>

   
    
    
    
    
    
    
  








Related examples in the same category

1.Use DateChooser to choose dateUse DateChooser to choose date
2.DateChooser control with DateChooser control with <mx:DateChooser>
3.Access selectedDate from DateChooserAccess selectedDate from DateChooser
4.DateChooser header styleDateChooser header style
5.DateChooser Day styleDateChooser Day style
6.Set Today style for DateChooserSet Today style for DateChooser
7.DateChooser control selectableRange, disabledRanges, disabledDaysDateChooser control selectableRange, disabledRanges, disabledDays
8.Set dayNames of DateChooser with initialize eventSet dayNames of DateChooser with initialize event
9.Set firstDayOfWeek of DateChooser with initialize eventSet firstDayOfWeek of DateChooser with initialize event
10.Set headerColor of DateChooser with initialize eventSet headerColor of DateChooser with initialize event
11.Set selectableRange of DateChooser with initialize eventSet selectableRange of DateChooser with initialize event
12.DateChooser scrolling eventDateChooser scrolling event
13.Set DateChooser displaying MonthSet DateChooser displaying Month
14.Set date range for DateChooserSet date range for DateChooser
15.Add a DateChooser controlAdd a DateChooser control
16.Date entry with DateChooserDate entry with DateChooser
17.Attach DateChooser to PopUpButtonAttach DateChooser to PopUpButton
18.A DateChooser controlA DateChooser control
19.DateChooser SelectableDateChooser Selectable
20.Set dayNames, firstDayOfWeek, headerColor, and selectableRange properties of a DateChooser control by using an initialize event:Set dayNames, firstDayOfWeek, headerColor, and selectableRange properties of a DateChooser control by using an initialize event:
21.Programmatic DateChooser SelectorProgrammatic DateChooser Selector
22.Get full year from selected dateGet full year from selected date
23.Set selectedDate property in a functionSet selectedDate property in a function
24.Don't show todayDon't show today
25.Check if selected date is nullCheck if selected date is null