User Guide

38 Accordion component (Flash Professional only)
6. Create a new screen named accordionForm.
7. Drag an Accordion component from the Components panel to the accordionForm form,
and name it my_acc.
8. With my_acc selected, in the Property inspector, do the following:
■ For the childSymbols property, enter addressForm, addressForm, and checkoutForm.
These strings specify the names of the screens used to create the accordion’s children.
■ For the childNames property, enter shippingAddress, billingAddress, and checkout.
These strings are the ActionScript names of the accordion’s children.
■ For the childLabels property, enter Shipping Address, Billing Address, and Checkout.
These strings are the text labels on the accordion headers.
9. Select Control > Test Movie.
To add an Accordion component to an application:
1. Select File > New and create a new Flash document.
2. Select Insert > New Symbol and name it AddressForm.
3. In the Create New Symbol dialog box, click the Advanced button and select Export for
ActionScript. In the AS 2.0 Class field, enter mx.core.View.
To maintain tabbing order in an accordion’s children, the children must also be instances
of the View class.
4. Drag components such as Label and TextInput from the Components panel onto the Stage
to create a mock address form; arrange them, and set their properties in the Parameters tab
of the Component inspector.
Position the form elements in relation to 0,0 (the middle) on the Stage. The 0,0
coordinate of the movie clip is placed in the upper left corner of the accordion.
5. Select Edit > Edit Document to return to the main timeline.
6. Repeat steps 2-5 to create a movie clip named CheckoutForm.
7. Drag an Accordion component from the Components panel to add it to the Stage on the
main timeline.
NOTE
The first two children are instances of the same screen, because the shipping
address form and the billing address form are identical.