Label Animation Style-1

Introduction

A Form with lively Objects like Animated Command Buttons or Animated Gifs or Moving Text etc. makes it more interesting to the User to work with our MS-Access Applications.  MS-Access doesn't have any of those things built-in or ready-made to use quickly. Our imagination and ingenuity is the only tool available to create something with the existing, strictly for business-like, features provided in MS-Access.

After working with MS-Access for some time I got bored with whatever we have in MS-Access. I wanted to make something more eye-catching to kill the boredom. As the saying goes "Necessity is the father of inventions", I have invented and developed some interesting features like Command Button Animation, Animated Floating Calendar, Usage of Office Assistant in MsgBoxes, Animating Label on search success, and others.

Today we will learn a simple Label Animation Technique with an example on the Employees Form from the Northwind.mdb sample database.

1. Import the following objects from C:\Program Files\Microsoft Office\Office11\samples\Northwind.mdb sample database.:
   • Table: Employees
   • Form: Employees

   If you open the Employees Form in Normal View you can see that the Employee's; Name; Firstname and Lastname joined together; is displayed on the Header of the Form in a Text Box. When you make some other record current on Form the employee's full name changes on the Form Header Textbox as well.

   We will add some animated effect to this and make the employee name appear slowly from the right edge of the label to the left, character by character, and move into place.

2. Open the Employees Form in Design View.
3. Delete the existing TextBox that displays the Employee's Name.
4. Create a Label on the Header of the Form.
5. Display the Property Sheet (View - -> Properties) of the Label and change the following Property Values:
   • Name = lbl1
   • Width = 3.5"
   • Height =0.32"
   • Back Style = Transparent
   • Border Style = Transparent
   • Fore Color = 16777215
   • Font Name = Times New Roman
   • Font Size = 18
   • Font Weight = Bold
   • Text Align = Right
6. Display the Code Module of the Form (View - ->Code).
7. Press Ctrl+A to highlight the existing VBA Routines and press the Del key to delete them.
8. Copy the following VBA Code and paste it into the Code Module of the Form.
   

   Label Animation Code.

   Option Compare Database
   Option Explicit
   
   Dim txt1 As String, txtlen As Integer
   Dim j As Integer, txt2 As String
   
   Private Sub Form_Timer()
   j = j + 1
   If j <= txtlen Then
     txt2 = Left(txt1, j)
     Me.lbl1.Caption = txt2
     'Me.lbl2.Caption = txt2
     Else
     Me.TimerInterval = 0
   End If
   
   End Sub
   
   
   Private Sub Form_current()
          
   txt1 = UCase(Me![FirstName] & " " & Me![LastName])
   txtlen = Len(txt1)
   j = 0
   Me.TimerInterval = 50
   
   End Sub

9. Save and Close the Employees Form.
10. Open the Employees Form in the normal view.

When you open the Form you will find the Employee Name is moving into place slowly from right to left, character by character, in the header-label.


11. Click on the Navigation button to move the records forward one by one.
12. The names of the employees will be displayed in the same style by moving from the right edge of the label to the left.

Do Little Fancy Work to the Label.

We will add little fancy work to the Employee Name with a three-dimensional backlit effect (icing effect) by copying the Label and placing it over the existing one. See the finished design image given below:

1. Open the Employee Form in Design View.
2. Select the header label.
3. Click on the Copy, Paste ToolBar buttons to make a copy of the label (or select Copy, Paste Options from View).
4. Click on the new Label to select it, if it is not in the selected state.
5. Display the Property Sheet of the Label (View - ->Properties).
6. Change the following Property Values as shown below:
• Name = lbl2
• Fore Color = 128
7. Move the label up and over the first label and place it slightly down from the top edge of the first label and to the left, about the thickness of a hair.  Sample design image is given below:


I have already included the line of code necessary to run this trick.  All you have to do is to enable that line in the VBA code, do the following:

8. While the Form is still in design view display the VBA Module (View - ->Code)
9. You will find the following line of code in the Sub Form_Timer() Event Procedure in a different color (most probably in green color):

'Me.lbl2.Caption = txt2

10. Find the ' (single quote) character at the beginning of this line and delete it.
11. Save and Close the Form.
12. Open the Form in the Normal View.

Now you will find the Employee Names appearing in animated characters with 3D effect as shown in the second image above.

1. Textbox and Label Inner Margins
2. Animating Label on Search Success
3. Label Animation Style-1
4. Label Animation Style-2
5. Label Animation Variant
6. Label Animation Zoom-in Style
7. Label Animation in Colors
8. Label Animation Zoom-out Fade

Enable GingerCannot connect to Ginger Check your internet connection
or reload the browserDisable in this text fieldEditEdit in GingerEdit in Ginger×