In this newsletter we are going to create a Feedback Form using Flash MX and PHP. The feedback form will be created in Flash MX along with all the validation using action scripting. (e. g. Email address Validation where, email address is must & in the correct format). On click of a submit button data entered by the user will be passed to the PHP script; this script in turn will deliver the data collected to the given email address.

Click here to download the source (.fla and .php) file.

Movie Properties

1. Create a new movie with dimensions of 410 px X 240 px and fps = 31 with white as background color.

2. Save this file as 'form.fla'.

Creating Background

1. Rename 'Layer 1' as 'Background'

2. On the layer named as 'Background', draw a rectangle with the 'Rectangle Tool' , Width = 410 px, Height = 240px, color value of the outline = #738299.

3. Use the 'Paint Bucket Tool' to apply Linear Fill in the background rectangle outline with color values as #FFFFFF and #EEF0F2

4. Select the background rectangle object along with its outline, convert it into a Movie Clip (Choose Insert > Convert to Symbol) with the Center Registration point selected and name it as 'background'

Creating Titles Names

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

2. Rename the layer as 'Name Title'

3. On the layer named as 'Name Title', type the following text 'Name' with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 12, Style = Bold, Text (fill) Color = #697A94, Text Align = Align Left and Character Spacing = 0.

4. Select the 'Name' text on the layer named as 'Name Title', Choose Window > Info

5. In the Info panel, set X position = 23 px and Y position = 29 px, keeping Top-Left Registration point selected.

6. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

7. Rename the layer as 'E-Mail Title'

8. On the layer named as 'E-Mail Title', type the following text 'E-Mail' with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 12, Style = Bold, Text (fill) Color = #697A94, Text Align = Align Left and Character Spacing = 0.

9. Select the 'E-Mail' text on the layer named as 'E-Mail Title', Choose Window > Info

10. In the Info panel, set X position = 23 px and Y position = 59 px, keeping top-left Registration point selected.

11. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

12. Rename the layer as 'Suggestion Title'

13. On the layer named as 'Suggestion Title', type the following text 'Suggestion' with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 12, Style = Bold, Text (fill) Color = #697A94, Text Align = Align Left and Character Spacing = 0.

14. Select the 'Suggestion' text on the layer named as 'Suggestion Title', Choose Window > Info

15. In the Info panel, set X position = 23 px and Y position = 89 px, keeping top-left Registration point selected.

16. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

17. Rename the layer as 'Colon'

18. On the layer named as 'Colon', type ' : ' three time one below the other with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 12, Style = Bold, Text (fill) Color = #697A94, Text Align = Align Left and Character Spacing = 0.

Place the colons ':' as shown in the image given below,

Creating Textfield Backgrounds

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

2. Rename the layer as 'Name Bg'

3. On the layer named as 'Name Bg', draw a rectangle with the 'Rectangle Tool' , Width = 275 px, Height = 20 px, color value of the outline = #A5AFBE, color value of the fill = #F7F9FB

4. On the layer named as 'Name Bg', select the rectangle object along with its outline, convert it into a Movie Clip (Choose Insert > Convert to Symbol) with the Center Registration point selected and name it as 'textfield bg'

5. Select frame 1 on the layer named as 'Name Bg'

6. Choose Window > Info, In the Info panel, set X position = 109 px and Y position = 28 px, keeping Top-Left Registration point selected.

7. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

8. Rename the layer as 'E-Mail Bg'

9. Select frame 1 on the layer named as 'Name Bg', Choose Edit > Copy

10. Select frame 1 on the layer named as 'E-Mail Bg', Choose Edit > Paste

11. Choose Window > Info, In the Info panel, set X position = 109 px and Y position = 58 px, keeping Top-Left Registration point selected.

12. Insert a new layer (Choose Insert > Layer) above the layer named as 'Background'

13. Rename the layer as 'Suggestion Bg'

14. Select frame 1 on the layer named as 'E-Mail Bg', Choose Edit > Copy

15. Select frame 1 on the layer named as 'Suggestion Bg', Choose Edit > Paste

16. Choose Window > Info, In the Info panel, set Width = 275 px, Height = 96 px, X position = 109 px and Y position = 88 px, keeping Top-Left Registration point selected.