01. v1 Components, We Hardly Knew Ye   02. Button Component   03. Alert Component   04. Checkbox Component   05. Radio Buttons   06. The List Box family of Components   07. Date Chooser Component   08. Date Field Component   09. Label Component

10. Loader / Progress Bar Components   11. Numeric Stepper Component   12. Text Area/Input Components   13. Menu / Menu Bar Components   14. Scroll Pane Component   15. Window Component   16. Tree Component   17. Accordion Component   18. Conclusion

go to previous page

- discuss this tutorial -

go to next page

08. Date Field Component

The Date Field component is almost exactly the same as the Date Chooser (it actually includes a Date Chooser component within itself.) The Date Field allows you to easily add a pop-up DateChooser component linked to a text field. The next example will show you how similar the Data Chooser and Date Field components are.

1. Open up the FLA to the previous example (or data_chooser2.fla from your downloads if you didn't save it).
   
   
2. Replace the DateChooser component with a DateField component (unfortunately you can't do a Swap symbol from the Property Inspector (PI) and have to manually delete the DateChooser and drag a DateField component on Stage.)
   
   
3. Give the DateField component the same instance name that the DateChooser had (myDateChooser). Notice that all of the properties visible in the PI are the same as those of the DateChooser.
   
   
   
   
4. Without making any changes to the code, test the movie. It works! You can play with the final version below.
   
   
   

go to previous page

- discuss this tutorial -

go to next page