Command Button Color Change on Mouse Button-down Action

Introduction.

After working with the Command Button and Message Box Controls of MS-Access I really got bored with their styles. So, I set out to do something about it and created some animation styles for the command buttons and used Office Assistant (valid only for Access2003 and earlier versions) for Message Boxes. The Links to those Articles and free downloads links are given below:

Command Button Styles

1. Command Button Animation
2. Command Button Animation-2
3. Colorful Command Button

   Message Box Styles (Access2003 or earlier versions only)

4. Message Box with Office Assistant
5. MsgBox with Options Menu
6. MsgBox with Checkbox Menu

Some New Trick on Command Button.

Here is a new trick for you to use on Command Button Control. Command Button will change the color on the mouse button down the action and will restore the original color on the mouse-up action.  You can do this with a Label control, with the same dimension as the Command Button, filled with the color you like, and by placing it behind the Command Button Control.  You need two lines of VBA Code on the Form Module as well.

Design the New Animation Style.

Let us go through with this simple design and enjoy the new animation style of the Command Button Control.

1. Open a new Form.

2. Create a Command Button Control on the Detail Section of the Form.

3. Display the Command Button’s Property Sheet (F4).

4. Change the Name Property Value to cmdClose.

5. Change the Caption Property Value to Close.

6. Create a Label Control with some caption text near the Command Button.

7. Select the Command Button and the Label Control together.

8. Right-click on it and highlight the Size option on the Shortcut Menu and select To Tallest.

9. Repeat step 8 above and select To Widest.

10. Click on the Label Control alone and display its Property Sheet (F4).

11. Remove the text from the Caption property.

12. Change the Special Effect Property value to Raised.

13. Select the Back Color Property and click on the Build ( . . .) button to display the Color Palette.

14. Select the color you like to fill the background of the label control.

15. Move the Label control behind the Command Button control and place it completely hidden.

16. If the label control is overlapping the Command Button then display the Shortcut Menu by right-clicking on it and selecting Send to Back from the Position group.

17. Click on the Command Button and display the property sheet (F4).

18. Click on the Event Tab and select the Mouse down Event, select [Event Procedure] from the drop-down control and click on the build (. . .) button to open the Form’s VBA Module Window.

19. Copy and Paste the following Code into the Form Module, over-writing the existing two empty lines that appeared there:

    Private Sub cmdClose_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single)
      Me.cmdClose.BackStyle = 0 'transparent
    End Sub

20. Repeat step 18 for Mouse Up [Event Procedure] and copy and paste the following Code into the Form Module:

    Private Sub cmdClose_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single) 
        Me.cmdClose.BackStyle = 1 'Normal 
    End Sub

Test Run.

Now, it is time for the test run of our design. 

1. Save the Form with the name frmButton.

2. Open frmButton in Form View.

3. Click on the Command Button and hold the mouse button down.  You will see the Command Button’s Color changes to the background fill color you have selected for the label control and Command Button caption-text Close appearing on it.

4. Release the mouse button.  The original state of the Command Button is restored.

The trick works by changing the Back Style of the Command button to transparent, forcing it to display the color of the Label control behind it and changing to a Normal view when the mouse button is released. 

You can learn another trick from an earlier Article on Transparent Command Button, here.

1. Command Button Animation
2. Double Action Command Button
3. Colorful Command Buttons
4. Transparent Command Button
5. Command Button Animation-2
6. Creating Animated Command Button with VBA
7. Command Button Color Change on Mouse Move