Tab Key, User Name & Password	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash Tutorial - User Name and Password - Advanced Features

Free Tutorial

Tab Key and User Name - Password Pairs

Step Two: Setting Up the Input Boxes

1. In the Property Inspector select show Borders Around Text:

Note: This gives the two Input boxes (Password and Username) a transparent background. The input text boxes should no longer have a white background.

2. Select the UserName input box, using the Property Inspector, change both the Var (variable) and Instance Name to: /:UserName
   
   
   Both the Instance Name and the Var Name has been set to: /:UserName
   
   
3. Now select the Password input box and change both its Var and Instance Name to: /:Password
   
   
4. Lock the Username and Password Layers:
   
   
5. Add a new Layer called: Yellow backgrounds
   
   
6. Draw a yellow rectangle the same size as the user name box.
   
   
7. Move the yellow rectangles so they appear behind the input boxes.
   
   
8. Right click on the yellow rectangle (next to User Name) and select: Convert to Symbol
   
   
9. Name the Symbol: UserNameInputRequired
   
   
10. For Behavior select: Movie Clip
    
    
11. Click: OK
    
    
12. Give the Movie Clip an Instance Name in the Property Inspector: UserNameInputRequired
    
    
13. Double click on the Movie Clip to: Edit
    
    
14. Type an asterisk on the stage on a new layer: *
    
    
15. Make it red* and place it after the:  User Name:*
    
    
    Red Asterisk after the User Name Label. Text Box appears yellow.
    
    
16. In frame 2 of the same Movie Clip add a: Blank Keyframe
    
    
17. Add a stop(); to both keyframes:
    
    stop();
    
    
18. Click on the Scene 1 Tab to return to the Main Stage:
19. Do exactly the same for the Password input box, but this time give it the Instance Name: PasswordInputRequired