banner



How To Create A Gui In Excel

When working in Excel, you have a few ways to get information from a user and allow them to enter data. These include the following:

  • Message boxes.
  • Input boxes.
  • The GetOpenFilename method.
  • The GetSaveAsFilename method.
  • The FileDialog method.
  • Excel worksheets.
  • UserForms.

Create Excel UserForms For Data Entry In 6 Easy Steps: Tutorial and Practical ExamplesOut of the features I describe above, UserForms are one of the most powerful and efficient alternatives. Unless the information or input you need to get from the user is limited, UserForms are usually a good solution.

As explained in Mastering VBA for Microsoft Office 2016:

Dialog boxes and forms are among the most powerful and feature-packed elements of VBA.

In this UserForms Tutorial, you find all the information you need to start creating your own UserForms in Excel. This blog post is organized as follows:

  1. First section: I introduce (i) UserForms, (ii) the simple 6-step process you can use to create Excel UserForms, and (iii) the main constructs you use when designing and programming UserForms.
  2. Second section: I walk you through a step-by-step practical example of how to create a simple UserForm for data entry. In this section, you can see how the process of creating a UserForm (described in section #1) looks in practice.

This Tutorial is accompanied by an Excel workbook example that allows you to follow each of the steps I describe in the second section. You can get immediate free access to this workbook by clicking the button below.

Get immediate free access to the Excel workbook example

The following Table of Contents lists the main sections of this Tutorial.

What Is A UserForm

When working with VBA, you usually use the term "UserForm" to refer to dialog boxes.

A UserForm is an object. This object represents a window or dialog box within Excel's User Interface. By working with the UserForm object, you can easily create custom dialog boxes. Each of these dialog boxes you create is held within an UserForm object.

You can think of a UserForm as a blank canvas. Within this canvas, you can place different elements, known as controls. Controls are, themselves, also objects. UserForm controls are the objects users work with to provide input through the UserForm.

You can find a description of the main controls you can work with further below. These controls are commonly used within Excel built-in dialog boxes. Therefore, once created, the general appearance and behavior of the custom dialog boxes you create with UserForms is usually like that of Excel's built-in dialogs.

Why Work With UserForms

UserForms are very flexible. Therefore, you can create very complex and sophisticated UserForms that achieve a variety of different purposes and help you in different scenarios.

As I mention at the beginning of this UserForms Tutorial, there are a few ways in which you can display information and get input from a user. Some of the non-UserForm alternatives, such as Message and Input Boxes, work great in relatively simple cases. In fact, in such simple cases, Message and Input Boxes are probably more appropriate than UserForms.

There are, however, several circumstances where those alternatives aren't powerful enough for your purposes. Consider, for example, the following scenarios or considerations:

  • A user should make choices or decisions that can't be adequately captured by the limited controls available in Message or Input boxes.
  • The macro requires the user to make several different data entries.
  • The user input you require is too specialized or complex for Message or Input boxes.
  • You want to restrict the choices users can make or the data they can enter by establishing sophisticated or complex data validation and controlling rules.
  • You want to ensure that users can easily navigate a data entry form without confusion.

More broadly, and in the words of Excel MVP Tom Urtis (in the Excel VBA 24-Hour Trainer):

UserForms enable you to interact with your users in ways that you can't when using standard Message Boxes, InputBoxes, or controls embedded onto your worksheet.

This doesn't mean that UserForms and, more generally, ActiveX controls are perfect or that they should be your go-to choice. There are some downsides to UserForms. For example, as explained by Excel MVP Jordan Goldmeier in Advanced Excel Essentials, UserForms can sometimes act unpredictably. Jordan also explains how differences in factors such as "internal settings and hardware" may result in UserForms appearing "different across different computers".

How To Create An Excel UserForm: Overview

At a basic level, you can create a UserForm in the following 6 simple steps:

  1. Insert a UserForm.
  2. Add controls to the UserForm.
  3. Move or resize the added UserForm controls, as required.
  4. Customize the UserForm or its controls.
  5. Assign VBA code to the UserForm.
  6. Display or load the UserForm.
  7. Close or hide the UserForm.

How To Insert A New UserForm

You can insert a UserForm in the following 3 easy steps:

  1. Go to the Visual Basic Editor by, for example, using the "Alt + F11" keyboard shortcut.
  2. Go to the Project Explorer, and right-click on the workbook (Project) where you want to insert the UserForm.

    VBE and Project Explorer and Project

  3. In the context menu displayed by the VBE, go to Insert > UserForm.

    Right-click and Insert and UserForm

As an alternative to steps #2 and #3 above, you can proceed as follows:

  1. Select the Project where you want to insert the UserForm.

    Project Explorer and Project

  2. Do one of the following:
    • Click on the Insert UserForm button in the toolbar.

      Toolbar and Insert UserForm button

    • Go to Insert > UserForm.

      VBE and Insert and UserForm

Once you complete the process above, Excel the inserts the UserForm. By default, the UserForm contains an empty dialog box. Notice that, in addition to displaying the UserForm window on the right side of the screen, the VBE adds the following items to the Project Explorer:

  • A Forms node. If the VBA Project you're working on already contains a Forms node, the VBE doesn't add it again.
  • A new UserForm. This UserForm appears within the Forms collection.

Forms and UserForm in Project Explorer, new UserForm

A UserForm object can hold a single dialog box. Therefore, you must create andinsert a new UserForm for each dialog box you want to create. However, you have significant flexibility regarding the amount of UserForms you can store within a single workbook.

Usually, in addition to displaying the new UserForm, the VBE shows a floating window known as the Toolbox. The Toolbox is, also, usually displayed when you activate a UserForm.

VBE and UserForm Toolbox

This Toolbox is the feature you use to add controls to the UserForm you just created. You can learn more about it in the appropriate section below.

If your Visual Basic Editor doesn't display the Toolbox, do either of the following:

  • Click on the Toolbox button in the VBE toolbar.

    Toolbar and Toolbox button

  • Go to the View > Toolbox.

    VBE and View and Toolbox

How To Add Controls To A UserForm With The Toolbox

You can add a control to a UserForm in 3 simple steps:

  1. Select a control in the Toolbox.

    For example, in the following image, I select a Label.

    Toolbox and Label

  2. Click on the UserForm, in the place where you want to add the control. This results in the created control having its default size.

    Click on UserForm

    Alternatively, you can click-and-drag within the UserForm. This allows you to specify the size of the control.

    Click-and-drag to add control to UserForm

  3. If necessary, you can move or resize the control, using commonly-used methods. You can find further details about some of these methods below.

If you need to add the same control several times to a single UserForm, you can take advantage of a shortcut by proceeding as follows:

  1. Double-click on the control within the Toolbox.

    Double-click on Toolbox control

  2. Click on the UserForm, where you want to add the control.
  3. Repeat step #2 as required until you've added the number of controls you need.

    Add several controls to same UserForm

  4. Click on the Select Objects command in the Toolbox to restore the mouse pointer to Selection mode.

    Toolbox and Select Objects command

In the example above, I work with a Label. This is only 1 of the different controls you can add to your UserForms. To better understand the different controls you can add, let's explore…

The Toolbox

The Toolbox is a relatively simple floating window that allows you to add ActiveX controls to your UserForms. You work with the Toolbox because the VBE's menu doesn't have commands that allow you to add UserForm controls.

It contains a single tab (Controls) and 16 icons.

UserForm Toolbox

Out of the 16 icons that appear in the Toolbox, 15 are controls you can insert in your UserForms. You can divide these controls in the following groups:

  1. Controls that influence the appearance of your UserForm.
  2. Controls that allow users to enter data, make selections or issue a command.

The remaining control is Select Objects. As indicated by its name, Select Objects allows you to select and manipulate the different elements of your UserForm.

Toolbox and Select Objects

You rarely need to click on the Select Objects control. This is because Select Objects is the default control and the mouse pointer usually returns to this mode automatically. According to author Richard Mansfield (in Mastering VBA for Microsoft Office 2016), there are 2 common cases where you need to click on the Select Objects control:

  1. If you select a control but change your mind before using it.
  2. If you add the same control several times to a single UserForm by using the technique I describe in the previous section (double-clicking on the control within the Toolbox).

In both cases, you restore the mouse pointer to Selection mode by clicking on Select Objects.

Which controls you choose to add to a UserForm depend on the objective you're trying to achieve. The following sections briefly introduce the 15 controls that are available in the Toolbox.

Group #1: Controls That Influence The Appearance Of Your UserForm

This group of control allows you to customize your UserForm.

  1. Label: Displays a text label. You commonly use labels to (i) identify a section of the UserForm, or (ii) display information.

    UserForm Label

  2. Frame: Displays a frame where you can enclose other controls. This grouping can be for either aesthetical or logical purposes. You can, for example, use Frames to (i) group several controls that are logically related, or (ii) distinguish between different sets of OptionButton controls. Additionally, Frames allow you to separate different groups of OptionButtons (described in Group #2 below)).

    UserForm Frame

  3. MultiPage: Displays a container with tabs. This is the control you usually use to create dialog boxes with tabs.

    UserForm MultiPage

  4. TabStrip: Displays several tabs within the dialog box.

    UserForm TabStrip

  5. Image: Displays an image.

    UserForm Image

    If you choose to display an Image, consider that Images are stored within the workbook you're using. Therefore, Images can have a substantial influence on the size of your workbook. Usually, you want to avoid using (i) too many Images, or (ii) Images that are too large.

Group #2: Controls That Allow Users To Enter Data, Make Selections Or Issue A Command

This group of controls allow the users of your UserForm to (i) enter data, (ii) make selections, or (iii) issue commands.

  1. TextBox: Displays an input field. Allows users to enter text or values.

    UserForm Textbox

  2. ComboBox: Displays a drop-down list, where only 1 item is visible at a given time. Users can use the drop-down list to select an item. Additionally, users can normally make entries different from those within the list. In other words, you can think of a ComboBox as a combination of a TextBox and a ListBox.

    UserForm ComboBox

  3. ListBox: Displays a list. Users can select 1 or more items from the list, depending on the setting you specify for the ListBox.MultiSelect property.

    UserForm ListBox

  4. CheckBox: Displays a checkbox. Allows users to specify a binary choice: True or False. If the checkbox is checked, its value is True. If the checkbox isn't checked, its value is False.

    UserForm CheckBox

  5. OptionButton: Usually used in groups. When you have a set of OptionButtons, users can generally select only 1. When a user selects 1 option, Excel automatically de-selects the other options. This ensures that users only select a single option from the group.

    UserForm OptionButton

    You can use Frames (describe in Group #1 above) to separate OptionButtons. OptionButtons within a Frame are treated as a single group, separate from other groups of OptionButtons. This allows you to use several sets of OptionButtons, where the user can select an option in each group. Alternatively, you can work with the OptionButton.GroupName property.

    In both cases, the idea is the same: grouped OptionButtons are mutually exclusive. Therefore, a user can select 1 option from within the group. If you don't explicitly group OptionButtons using 1 of the methods I describe above, Excel treats all the OptionButtons in the UserForm as the same group.

  6. ToggleButton: Displays a toggle button. Users can use this button to toggle between 2 states: True and False. If the ToggleButton is pressed, its value is True. If the ToggleButton isn't pressed, its value is False. The appearance of a ToggleButton depends on the current state.

    UserForm ToggleButton

  7. CommandButton: Displays a button, which users can click. When the user clicks a button, your VBA Application usually performs an action.

    Command button

  8. ScrollBar: Displays a scrollbar. Users can drag the scrollbar to specify a value.

    UserForm CommandButton

  9. SpinButton: Displays a spinner. Allows users to modify a value by clicking on 1 out of 2 arrow buttons.

    You can have SpinButtons with either vertical or horizontal orientation. If the spinner is vertically-oriented, the up arrow increases the value and the down arrow decreases it. If the spinner is horizontal, the right arrow increases and the down arrow decreases the value.

    UserForm SpinButton

  10. RefEdit: Displays a reference edit control, which is a cell range input field. Users can use this control to enter or select a cell or range of cells.

    UserForm RefEdit

You're, strictly speaking, not limited to using the built-in controls within the Toolbox or Excel. This is because you can customize the Toolbox and use other ActiveX controls. However, in this UserForms Tutorial, I introduce only the controls that appear within the Toolbox. Those are the most commonly-used.

How To Select, Move Or Resize UserForm Controls And UserForms

Once you've added a control to a UserForm, you can easily move or resize it. You generally do this with the mouse. The following are some of the most commonly-used methods to move or resize controls or the UserForm itself:

  • Select several controls by either (i) pressing and holding the Ctrl key while you select controls with the mouse, (ii) pressing and holding the Shift key while you select controls with the mouse, or (iii) clicking-and-dragging your mouse to enclose the group of controls you want to select.

    Select several UserForm controls

  • Move a control by dragging-and-dropping it with your mouse.

    Drag-and-drop UserForm control

  • Resize a control by selecting and dragging the sizing handles on the control's border.

    UserForm control sizing handles

    The UserForm itself also has sizing handles, which you can use to resize the UserForm.

    UserForm sizing handles

The UserForm Grid

When you're working with a UserForm, the VBE usually displays dots forming a grid.

UserForm grid

The purpose of such grid is to help you align all the controls within the UserForm. Depending on your settings, the controls you work with snap automatically to the grid.

The grid is, in any case, not visible in the actual UserForm displayed to the users.

You can specify 3 settings related to this dot grid:

  1. Whether the grid is visible or not.
  2. The size of the grid elements.
  3. Whether controls snap to the grid or not.

You determine these settings from the General tab of the Options dialog. You can get to this tab in the following 2 easy steps:

  1. Go to Tools > Options.

    Tools and Options

  2. Within the Options dialog, go to the General tab.

    Options dialog box and General

The settings that apply to the grid are grouped under Form Grid Settings. Within this group of settings, you find the following:

  1. Show Grid: Allows you to specify whether the grid is shown (or not shown). You can set this by checking (or unchecking) the box to the left of "Show Grid".

    If the checkbox is selected, the grid is displayed. If the checkbox isn't selected, the grid isn't displayed.

    Options and General and Show Grid

  2. Grid Units: Allows you to set the size of the individual grid elements (the distance between the grid dots). You do this by specifying the width and height, in points, within the Width and Height fields. The default value is 6 points for both height and width. The larger the values, the bigger the separation between grid dots.

    Options and General and Grid Units

  3. Align Controls to Grid: Allows you to specify whether controls align or snap to the grid. If you want the controls to snap to grid, select the checkbox next to the left of "Align Controls to Grid". If the checkbox isn't selected, controls don't align to the grid.

    Options and General and Align Controls to Grid

Once you've selected the settings you want to use, click the OK button to confirm your selections.

Options dialog box and OK

The Format Menu Or UserForm Toolbar

You can use the commands in the Format menu or the UserForm toolbar to arrange the controls within a UserForm.

I describe the main commands below. First, let's look at the different ways you can access them:

How To Access The Commands In The Format Menu Or UserForm Toolbar

You can access the commands within the Format Menu or UserForm toolbar using any of the following 3 methods:

  1. Through the Format menu, in the following 2 easy steps:
    1. Select the control(s) you want to manipulate.
    2. Go to the Format menu and select the command you want to apply.

      Select UserForm controls. Format and Command

  2. Through the UserForm toolbar, in the following 3 simple steps:
    1. If you can't see the UserForm toolbar, make it visible by going to View > Toolbars > UserForm.

      View and Toolbars and UserForm

    2. Select the control(s) you want to work with.
    3. Click on the appropriate button in the UserForm toolbar.

      Select UserForm controls and use UserForm toolbar

  3. Through a context menu in the following 2 easy steps:
    1. Select the control(s) and right-click on them.
    2. Select the command you want to apply from the context menu.

      Right-click UserForm controls and command

The available commands may vary slightly, depending on the context you're in and which of the 3 methods above you use to access them.

The order in which you select the controls matters:

When resizing or moving controls, the VBE must use 1 of them as a reference. You can identify which controls are moved or resized, and which control is used as reference, based on the color of their sizing handles. Controls that are resized or moved have black sizing handles. The control that is used as reference has white sizing handles.

Reference and resized or moved controls

The reference control is usually the last one you click on prior to executing the command. This allows you to choose the reference control after you've selected all the controls you want to manipulate.

Commands In The Format Menu Or UserForm Toolbar

The following are the 11 options displayed by the VBE when you expand the Format menu. Several of these commands are also available through the UserForm toolbar or a context menu, as I explain above.

  1. Align: Use this to align several controls. You can choose any of the following alignment options:

    Format and Align and Lefts, Centers, Rights, Tops, Middles, Bottoms, to Grid

    • Lefts: Aligns the selected controls to the left border of the reference control.
    • Centers: Aligns the (horizontal) center of the selected controls.
    • Rights: Aligns the selected controls to the right border of the reference control.
    • Tops: Aligns the selected controls to the top border of the reference control.
    • Middles: Aligns the (vertical) center of the selected controls.
    • Bottoms: Aligns the selected controls to the bottom border of the reference control.
    • To Grid: Snaps the selected control(s) to the grid.
  2. Make Same Size: Allows you to resize the selected controls so that they have the same dimensions. You can choose from within the following resizing options:

    Format and Make Same Size and  Width, Height, Both

    • Width: Resizes the selected controls to be of the same width as the reference control. The height of the controls doesn't change.
    • Height: Resizes the selected controls to be of the same height as the reference control. The width of the controls isn't changed.
    • Both: Resizes the selected controls to have the same height and same width.
  3. Size to Fit: Autofits the selected control(s). In other words, the control(s) are resized per their contents.

    Format and Size to Fit

  4. Size to Grid: Resizes the selected control(s) to the nearest grid points.

    Format and Size to Grid

  5. Horizontal Spacing: You can use these settings to specify the horizontal spacing between the selected controls. Choose from the following spacing options:

    Format and Horizontal Spacing and Make Equal, Increase, Decrease, Remove

    • Make Equal: Makes the horizontal spaces between the selected controls equal.
    • Increase: Increases the horizontal spacing between the controls.
    • Decrease: Decreases the horizontal spacing between the controls.
    • Remove: Removes the horizontal spacing between the controls.
  6. Vertical Spacing: Allows you to specify the vertical spacing between the selected controls. You can use the same options as when working with Horizontal Spacing (above).

    Format and Vertical Spacing and Make Equal, Increase, Decrease, Remove

    • Make Equal: Makes the vertical spaces between the selected controls equal.
    • Increase: Increases the vertical spacing between the controls.
    • Decrease: Decreases the vertical spacing between the controls.
    • Remove: Removes the vertical spacing between the controls.
  7. Center in Form: Allows you to center the selected control(s) horizontally or vertically within the UserForm.

    Format and Center in Form and Horizontally, Vertically

    • Horizontally.
    • Vertically.
  8. Arrange Buttons: You can use these settings to arrange CommandButtons either of the following ways:

    Format and Arrange Buttons and Bottom, Right

    • Bottom: Arranges the selected CommandButton(s) on the bottom of the UserForm.
    • Right: Arranges the selected CommandButton(s) on the right side of the UserForm.
  9. Group: Groups the selected controls.

    Format and Group

  10. Ungroup: Ungroups controls that were previously grouped (for example, by using #9 above).

    Format and Ungroup

  11. Order: Allows you to order a stack of controls from the front to the back. You can choose any of the following commands:

    Format and Order and Bring to Front, Send to Back, Bring Forward, Send Backward

    • Bring to Front: Brings the selected control to the front of the stack.
    • Send to Back: Sends the selected control to the back of the stack.
    • Bring Forward: Brings the selected control 1 step forward.
    • Send Backward: Sends the selected control 1 step backward.

The UserForm toolbar contains several of the commands I list above. Additionally, it contains a Zoom drop-down list. This zoom feature allows you to zoom into or out of the UserForm controls. In other words, controls are resized per the percentage you choose.

UserForm toolbar and Zoom

How To Customize A UserForm Or Its Controls

You customize a UserForm or its controls (all of which are objects) by modifying their properties. You can specify these properties in 3 ways:

  1. Programmatically, using VBA code.

    You usually rely on this option if you want to set properties at runtime. This means that you can use VBA to set properties when the UserForm is displayed.

  2. Manually, by manipulating the object within the UserForm window.

    This applies only to some properties, particularly those related to size and position such as Height, Width, Left and Top. You can learn more about this topic by reading the previous section.

  3. Manually, using the Properties Window of the VBE.

    This is the option you generally use while designing your UserForm within the VBE and is the focus of this section. The properties you set through the Properties Window are usually static (vs. dynamic) and, therefore, you rarely use VBA code (#1 above) to modify them later.

While designing a UserForm within the VBE, you can change a property through the Properties Window in the following 3 easy steps:

  1. Within the UserForm window, select (i) the control you want to customize, or (ii) the UserForm itself.

    Selected UserForm

  2. Go to the Properties Window and select the property you want to modify.

    Property to modify in Properties Window

  3. Set the new property value.
    Enter new property value

In this UserForms Tutorial, I focus on the basics of creating and designing UserForms. Therefore, I only explain how to use the Properties Window of the VBE for these purposes. In the UserForm example that appears in the second section of this blog post, you can find some basic examples of how to use VBA to set the properties of a UserForm or its controls programmatically.

UserForm Or Control Properties Vs. Other VBA Properties

Objects within the Excel VBA Object Model have properties. Properties are the attributes, characteristics or qualities that you can use to describe an object.

The UserForm object and the controls within the UserForm itself are also objects and, therefore, also have properties. The basic purpose of these properties doesn't change: they allow you to describe the attributes, characteristics or qualities of an object.

There's, however, an important difference between the way you usually work with properties (i) within VBA, and (ii) when dealing with UserForms and UserForm controls.

When you create macros, you usually use VBA code to either return (read) or modify (write) the current property setting. When you work with UserForms, you can also use VBA. However, you can also modify UserForm and UserForm control properties in a different way:

By using…

The Properties Window

The Properties Window is commonly displayed on the lower left corner of the VBE, although this varies. You can get the VBE to show the Properties Window by, for example, using the "F4" keyboard shortcut.

Properties Window in VBE

The Properties Window shows the properties of the currently-selected object. If your current selection includes more than 1 object, the Properties Window lists the properties that are common to the selected objects.

Alternatively, you can use the drop-down list at the top of the Properties Window to specify the object whose properties you want to see.

Drop-down list at top of Properties Window

Objects have different properties, although some properties are commonly-shared by different objects. Therefore, the appearance of the Properties Window changes depending on the object you select.

Additionally, the Properties Window can display the properties of the same object organized per 2 different criteria. You select the organization criteria by choosing 1 of the 2 tabs the Properties Window has:

  1. Alphabetic: Organizes the properties in alphabetical order.

    Alphabetic tab of Properties Window

  2. Categorized: Organizes the properties in categories.

    Categorized tab of Properties Window

Regardless of the categorization criteria you use, the properties don't change. The Properties Window lists an object's properties and those properties don't change just because they're listed in a different order.

How To Modify Properties With The Properties Window

The Properties Window usually contains 2 columns. The left column lists the name of the properties. The right column shows the current property setting.

Columns in Properties Window

Therefore, once you've selected the object you want to work with, you can proceed as follows:

  1. Identify the property you want to modify using the names that appear in the left column of the Properties Window.

    Property names in Properties Window

  2. Double-click the right column of the Properties Window and enter the new property setting.

    Property values in Properties Window

    You can generally enter a new property value in 1 of 3 ways:

    1. By typing the new setting.

      Enter new property value

    2. By selecting a setting from a pre-set list of values. Properties that can take a limited list of values have a drop-down list in the Properties Window. You can easily identify such properties because, when you select one, the VBE displays a drop-down button.

      Set property with drop-down list

      When working with these properties you can either (i) click on the drop-down and select a value, or (ii) double-click the property name or property value to cycle through the available values.

    3. By opening a dialog box. You can identify the properties whose setting you specify through a dialog box because, when selected, the VBE displays a button with an ellipsis (…).

      Set property with dialog box

You can modify the properties of several objects at the same time. To do this, select all the objects whose property you want to modify prior to executing the 2-step process I describe above. When you select several objects at the same time, the Properties Window displays those properties that are common to the selection.

Properties window with several controls selected

Some of the properties of the UserForm are default settings for new controls. In other words, the new controls you add to the UserForm are influenced by that property setting. Therefore, if you modify those default control settings:

  • Controls added after the property modification use the new property setting, but…
  • Controls added prior to the property modification remain unchanged and don't use the new property setting.

Why Modify The Name Property Of Your UserForms Or UserForm Controls

Each object has its own properties. These properties generally vary from object to object. There are, however, some properties that are common to several different objects. Commonly-used properties include Name, Width, Height, Left, Right, Value and Caption. In fact, UserForms and all UserForm controls have the Name property.

In practice, you usually modify just a few properties through the Properties Window. Name is 1 such property that you usually set through the Properties Window.

Every time you add a UserForm to a Project, the Visual Basic Editor assigns a default name:

UserForm#

"#" is an integer that starts at 1 and increases sequentially. Therefore, the first UserForm you add is UserForm1. The second is UserForm2. The third is UserForm3. And so on…

This may look familiar. Excel uses similar naming conventions for workbooks, worksheets, and regular VBA modules (among others).

That same rule applies to the controls within a UserForm. For example, if you're working with Label controls, the first Label is named Label1. The second is Label 2. And so on…

You can find the name of a UserForm or UserForm control by checking its Name property in the Properties Window. This property is important:

You use the Name property of a UserForm or a UserForm control to refer to it when creating your VBA code. Since you may use these names relatively often, you may prefer using names that are more descriptive and meaningful than the default ones.

Notice, additionally, that any time you change the Name property of a UserForm or a UserForm control, you may have to go back to your VBA code to update the object references. To avoid this, you may prefer modifying the names of your UserForms and UserForm controls as soon as possible after creating them and prior to writing your VBA code.

How To Name UserForms Or UserForm Controls

Several of the general naming rules, such as those that apply to properties and Sub procedures, are also applicable to UserForms and UserForm controls. The following are the main rules you may want to consider when setting the names of your UserForm and UserForm controls:

  • The maximum name length is 40 characters.
  • The first character must be a letter.
  • Characters, other than the first, can include letters, numbers and underscores (_).
  • Names can't include spaces ( ), periods (.), mathematical operators (such as +, -, /, * or ^), comparison operators (for example, >, < or =), or certain punctuation characters (such as @, #, $, %, &, and !).
  • Names must be unique within the object's scope. Notice that the scope of a UserForm is different from the scope of a UserForm control.
    • The scope of a UserForm is, generally, the whole VBA Project. Therefore, UserForm names must be unique within the workbook.
    • The scope of a UserForm control is, generally, the UserForm where its located. Therefore, UserForm control names must be unique within the UserForm.

A common naming convention for UserForms and UserForm controls involves adding a control identifier at the beginning of the name. You do this by adding a 3-letter prefix to the control name. The following table lists some commonly used prefixes described in, among others, Excel 2016 Power Programming with VBA and Mastering VBA for Microsoft Office 2016.

UserForm Control Prefix
CheckBox chk
ComboBox cbx or cmb
CommandButton cmd
Frame fra
Image img
Label lbl
ListBox lst or lbx
MultiPage mpg
OptionButton opt
RefEdit ref
ScrollBar scr
SpinButton spb
TabStrip tab or tbs
TextBox txt or tbx
ToggleButton tgb
UserForm frm or uf

How To Remove Controls From A UserForm

You can easily delete controls from a UserForm using either of the following 2 methods:

  1. Select the control and go to Edit > Delete, or press the Delete key.

    Select control, Edit and Delete

  2. Right-click on the control and select Delete from the context menu.

    Right-click and Delete

How To Assign VBA Code To A UserForm

Once you complete the design of your UserForm, you must create the macros that power it and respond to the user's actions. You can create and assign macros to a UserForm in the following 2 easy steps:

  1. Go to the Code window of the UserForm by, for example, using the "F7" keyboard shortcut.
  2. Enter the appropriate VBA code within this Code window.

This section focuses on the macros that you attach or assign to the UserForm. This is different from the macros responsible for displaying the UserForm in the first place.

In other words, when working with UserForms, you deal with (at least) 2 different types of Sub procedures:

  1. A Sub procedure that displays the UserForm. You can read more about this topic in a section further below.
  2. 1 or more event-handler procedures, which are attached to the UserForm. This is the topic of this section.

Additional considerations apply to the VBA code you use to close the UserForm, even though this code is commonly attached to the UserForm. I explain how you can close or hide a UserForm further below.

What Is A UserForm Code Window And Why You Work With It

When working with UserForms, you create event-handler procedures that are stored within the code module of the appropriate UserForm object. In other words:

  • UserForms are class objects have a code module. This is like what occurs with other object classes, such as Worksheets or Workbooks.
  • You use this module to store the procedures to be executed when a user works with the UserForm.
  • The procedures you assign to UserForms are event-handler procedures. In other words, these procedures are executed when an event occurs. In the case of UserForms, these events are the consequence of the user interacting with the UserForm.

Notice the difference between the following:

  • The event-handler procedures which are executed when a user works with the UserForm. These event-handler procedures are stored within the UserForm Code window.
  • The procedure(s) that control the display of the UserForm. These procedures are usually stored within a regular module, and never within the UserForm Code module. You can read more about how to display a UserForm further below.

How To Toggle Between The Code And UserForm Windows

Within the VBE, you work with 2 UserForm windows or modules:

  1. The UserForm window: You use this module to manipulate and customize the UserForm and its controls.

    UserForm window in VBE

  2. The Code window: You use this module to create and store the event-handler procedures associated with the UserForm.

    UserForm Code window

You can toggle back and forth between these 2 windows with any of the 3 following features:

  1. The "F7" and "Shift + F7" keyboard shortcuts:
    • "F7" displays the Code window.
    • "Shift + F7" displays the UserForm window.
  2. The View Code and View Object commands within the View menu.
    • Go to View > Code to see the Code window.

      View and Code

    • Go to View > Object to see the UserForm window.

      View and Object

  3. The context menu displayed when you right-click on the UserForm within the Project Explorer.

    Right-click and View Code, View Object

    • Right-click the UserForm and select View Code to go to the Code window.
    • Right-click the UserForm and select View Object to go to the UserForm window.

If you want to go to the UserForm window, you can generally double-click the UserForm within the Project Explorer.

Double-click UserForm in Project Explorer

Why UserForms Work With Event-Handler Procedures

When working with UserForms, your main purpose is usually to allow users to enter information or provide other input for your macros. Therefore, your code must be able to respond to what the user does with the UserForm. You do this by relying on events.

From a broad perspective, an event is something that happens while you're working with Excel. In the case of UserForms, these are events that occur within the UserForm itself. Once the appropriate event occurs, your event-handler procedure is executed. This way, your VBA application can respond to the user's actions.

When working with UserForms, your code must respond to both UserForm and control events. The events you can work with vary depending on the UserForm control. In other words, UserForm controls have different associated events.

How To Create Event-Handler Procedures For UserForms

The general principles that apply to event-handler procedures, a topic I cover in this blog post, are applicable to the event-handler procedures you create to deal with UserForms.

The following are 3 of these principles, as they apply to UserForms:

  1. The basic structure of the names of event-handler procedures is composed of the following 3 (or 4) items:
    1. The UserForm or UserForm control.
    2. An underscore (_).
    3. The event that triggers the event-handler procedure.
    4. In some cases, an argument list.
  2. If you don't enter the appropriate declaration statement, following the structure I describe in #1 above, the procedure doesn't work.
  3. However, you don't have to learn the exact names or declaration statements for event-handler procedures. You can get the VBE to enter the appropriate declaration statement by using either of the 2 processes I describe in the following section.

How To Enter The Declaration Statement For An Event-Handler Procedure

You can get the VBE to enter the appropriate declaration statement for an event-handler procedure in the following 9 easy steps:

  1. Go to the UserForm Code window for the appropriate UserForm.

    UserForm Code window

  2. Click on the Object drop-down list that appears at the top left side of the UserForm Code window. This drop-down is labeled "(General)".

    (General) drop-down list

    When you expand this drop-down list, the VBE displays the UserForm and all the UserForm controls within the relevant UserForm.

    Expanded Object drop-down list

  3. Select the object you want to work with.

    In the screenshot below, I select the UserForm.

    Object drop-down list and UserForm

  4. Once you select an object, the VBE includes the declaration and End statements for a Sub procedure. This Sub procedure corresponds to the default event of the object you chose.

    In the screenshot below, the VBE enters the opening and closing statements for the Sub procedure triggered by the Click event of the UserForm object (Private Sub UserForm_Click()).

    Private Sub UserForm_Click()

  5. If you want to work with the default event of the chosen object, you can start working on your Sub procedure. Use the statements entered by the VBE in step #4 above as a basis.

    If you want to work with another event, proceed to step #6.

  6. Click on the Procedure drop-down list, which appears at the top right side of the UserForm Code window. The label of this drop-down is "(Declarations)".

    (Declarations) drop-down list

    The expanded drop-down list includes all the events that apply to the object you're working with.

    Expanded Procedure drop-down list

  7. Select the event you want to work with.

    In the screenshot below, I select the Initialize event.

    Initialize event selection

  8. Once you select an event, the VBE enters new declaration and End statements for a Sub procedure. This Sub procedure corresponds to your chosen object and event.

    Use these statements as the basis to code your event-handler procedure.

    Private Sub UserForm_Initialize

  9. Notice that the VBE doesn't delete the declaration and End statements for the Sub procedure that works with the default event (step #4). If you want to keep a clean module, you can delete them.

    Extra macro declaration to delete

If you're working in the UserForm window, you can use an alternative process. In this case, you can get the VBE to enter the declaration statement for the event-handler procedure in the following 2 simple steps:

  1. Either (i) double-click on the object you want to work with, or (ii) right-click on the object and select "View Code".

    In the screenshot below, I select a CommandButton.

    Right-click control and View Code

  2. The VBE takes you to the UserForm's Code window. Additionally, the VBE enters the declaration and End statements for the Sub procedure that handles the default event of the object, and places the cursor between these 2 statements.

    For example, in the screenshot below, the VBE adds the opening and closing statements for a macro triggered by the Click event of the CommandButton (Private Sub CommandButton1_Click())

    Private Sub CommandButton1_Click

    If you want to work with the default event of the object, you can start coding your Sub procedure.

    If you want to work with another event, repeat steps #6 through #9 from the process I describe above, as follows:

    1. Click on the Procedure drop-down list.

      Procedure drop-down list in VBE

    2. Select the event you want to work with.

      In the screenshot below, I select the double click (Dblclick) event.

      Procedure drop-down list and DblClick

    3. Start coding your Sub procedure, using the declaration and End statements that the VBE enters as a basis.

      Private Sub CommandButton1_DblClick

    4. If necessary, delete the declaration and End statements for the default event.

      Unused event-handler declaration

How To Refer To UserForm Controls Within Your Code

UserForms and UserForm controls are objects. You generally refer to them by using their Name property. The Name property is the first in an alphabetically-organized Properties Window.

UserForm Name property

You can see how to, and why, modify the Name property of UserForm controls in a previous section.

You can see the UserForm as the parent object of the controls within it. Therefore, the basic control reference structure is as follows:

UserForm.Control

"UserForm" is the UserForm object. "Control" is the control you're referring to.

However, you usually refer to controls within event-handler procedures that are stored in the UserForm's Code module. Therefore, you can simplify the reference by omitting a reference to the UserForm. In this case, you can refer to a control as follows:

Control

An additional alternative is to use the Me keyword to refer to the UserForm. In this case, the reference structure is as follows:

Me.Control

How To Display Or Load A UserForm

You can display a UserForm in the following 2 easy steps:

  1. Go to the appropriate module.
  2. Within the appropriate procedure, enter a statement that uses the Show method of the UserForm object. The basic structure of this statement is as follows:

    UserForm.Show

    "UserForm" is an optional UserForm object. If you omit this qualifier, VBA assumes you're referring to the UserForm that is associated with the active UserForm module.

    The Show method has 1 parameter: modal. This allows you to specify whether the UserForm is modal or modeless. I don't cover this topic in this UserForms Tutorial.

When choosing the procedure in which to include the Show method, consider how and when you want the user to access the UserForm. You can, for example:

  1. Create a procedure whose sole purpose is to display the UserForm.
  2. Assign that procedure to a button or keyboard shortcut.

You can also include the Show method in event-handler procedures. In such cases, the UserForm is displayed when the relevant event occurs.

You can load a UserForm, without displaying it, by working with the Load statement. In this case, the basic statement syntax is as follows:

Load UserForm

"UserForm" is a UserForm object.

When a UserForm is loaded, it exists in memory but isn't visible. Therefore, you can programmatically work with the UserForm. The user, however, can't interact with it.

Once you want to display a previously-loaded UserForm, you can use the Show method of the UserForm object.

You usually load a UserForm, without displaying it immediately, when the UserForm is complex and takes too long to load into memory. Once the UserForm is loaded in memory, you can quickly display it.

In certain cases, VBA loads the UserForm automatically without you having to use the Load statement. This is the case when you use the Show method of the UserForm object (above).

Where To Store The Macro That Displays A UserForm

You use the Show method within the procedure where you want to display the UserForm. This procedure is usually stored within a regular VBA module. You don't store the macro that displays the UserForm in the UserForm Code window itself.

To understand why this is the case, it may help if you consider the following 3 separate steps:

  1. First, you need to get Excel to display the UserForm.
  2. Once the UserForm is shown, the user can work with it.
  3. Depending on what the user does with the UserForm, something happens.

The code that determines what happens depending on how the user interacts with the UserForm (step #3) is stored within the UserForm. If the UserForm is never displayed, the user doesn't interact with the UserForm and this code is never executed.

Since the code within the UserForm is never executed if the UserForm isn't displayed, you can't store the code that determines when the UserForm is displayed in the UserForm Code module. If you store the code that displays a UserForm within the UserForm itself, the UserForm is never displayed.

How To Display A UserForm From The VBE

You can display a UserForm while working in the VBE by using the Run Macro (Sub/UserForm) command. You can execute the Run Macro (Sub/UserForm) command in any of the following 3 ways:

  1. Clicking on the Rub Macro button in the VBE toolbar.
  2. Going to Run > Run Macro.
  3. Using the "F5" keyboard shortcut.

Run and Run Macro and Run Macro command

When you execute the Run Sub/UserForm command, the Initialize event of the UserForm occurs. This option is useful for testing or preparing a UserForm you're working on.

As an alternative to the Run Sub/UserForm command, you can use the Show method of the UserForm object in a statement typed in the Immediate Window. The basic structure of such a statement is:

UserForm.Show

"UserForm" is a UserForm object.

UserForm.Show

How Is The Control Flow When Excel Displays A UserForm

At a basic level, once the Show method of the UserForm object is called, Excel goes through the following 6-step process:

  1. Displays the UserForm.
  2. Waits for the user to work with the UserForm.
  3. The interaction of the user with the UserForm usually triggers an event associated to 1 of the controls within the UserForm. Therefore, the applicable event-handler procedure is executed.
  4. Once an event-handler procedure runs, control returns to the UserForm.
  5. Eventually, the UserForm is closed or dismissed by the user.
  6. Once the UserForm is closed, Excel continues execution of the procedure that contains the Show method of the UserForm object. This is the Sub procedure responsible for displaying the UserForm (step #1 above).

    In practice, however, the VBA statement that displays the UserForm is at (or near) the end of a procedure. This is because you usually store the code that is executed after the user works with the UserForm in the UserForm Code module. The code within the UserForm Code module is executed in earlier steps of this process (steps #2 to #4 above).

    You can read more about the UserForm Code module in a previous section of this UserForm Tutorial.

How To Close Or Hide A UserForm

There are few different ways in which a UserForm can be closed or hidden.

The first way in which a UserForm can be closed is by clicking on its Close button on the top right corner. This generally applies to all UserForms, regardless of the VBA code you use.

UserForm and X button

You can, however, monitor whether a user clicks on the Close button by using events. Clicking on the Close button triggers the following 2 events:

  1. QueryClose: Occurs before the UserForm is closed.
  2. Terminate: Occurs after the UserForm is unloaded and when the UserForm is removed from memory.

Usually, when you're creating a UserForm, you create an event-handler procedure that is triggered by the Click event of a CommandButton. This event-handler procedure normally includes 1 of the following VBA constructs:

  1. The Unload statement, which unloads the UserForm from memory. The basic statement structure for the Unload statement is as follows:

    Unload UserForm

    "UserForm" is a UserForm object.

  2. The UserForm.Hide method, which makes the UserForm invisible. The basic statement syntax for the UserForm.Hide method is as follows:

    UserForm.Hide

    "UserForm" is a UserForm object.

In both cases, if the procedure containing this statement is stored within the UserForm Code module, you can use the Me keyword. In such a case, you can always use the same statement regardless of the Name property of the UserForm. Additionally, you can replace the statements above with the following:

Unload Me

Me.Hide

You generally use the Unload statement only after all the UserForm instructions and statements have been carried out. This includes retrieving the input data from the UserForm and carrying out any necessary actions. If you fail to do this, the UserForm has no real effect, other than displaying the UserForm itself.

I don't cover the topic of retrieving input from a UserForm in detail within this blog post. But you can see some code examples further below.

This topic is important because, once a UserForm is unloaded, the changes made to the UserForm's controls and their properties are reset. This results, as explained in Excel 2016 Power Programming with VBA, your code not being "able to access the user's choices after the UserForm is unloaded."

There may be cases where you need to use the input from a UserForm after the UserForm is unloaded. You can usually store that data using a public-scope variable. Other possible solutions suggested by VBA experts Dick Kusleika and Mike Alexander in Excel 2016 Power Programming with VBA include writing the value to a worksheet cell or the Windows registry.

The UserForm.Hide method doesn't unload the UserForm from memory. It simply hides the UserForm. Therefore, you can still access and work with the user's choices and the UserForm controls.

In fact, if you use the UserForm.Hide method on an unloaded UserForm, VBA loads the UserForm and keeps it hidden.

As explained in the Excel 24-Hour VBA Trainer:

The method you choose depends on why you don't want the UserForm to be seen. Most of the time, you'll want the form cleared from memory, but sometimes, information that was entered into the form needs to be referred to the next time you show the form while the workbook has remained open.

Example: Create A Simple UserForm For Data Entry

This UserForm Tutorial is accompanied by an Excel workbook example. If you want to follow the steps I describe below, get immediate free access to this workbook by clicking the button below.

Get immediate free access to the Excel workbook example

The purpose of the example UserForm is to serve as a data entry mechanism for a workbook table recording certain sales data. The entries are as follows:

  • Item.
  • Units Sold.

The worksheet where these entries are recorded has 2 single columns. These columns match with the entries above.

Data entry table

These entries are the part of the basis for several tables that I use in other Tutorials, such as this one about Pivot Tables or this one about Power Query.

The example UserForm that you create below works with the following UserForm controls:

  • 1 Label.
  • 1 TextBox.
  • 1 SpinButton.
  • 1 Frame.
  • 5 OptionButtons.
  • 2 CommandButtons.

In the following sections, you follow the 6-step process described at the beginning of this Tutorial to create a UserForm:

  1. Insert a UserForm.
  2. Add controls to the UserForm.
  3. Move or resize the UserForm controls.
  4. Customize the UserForm or its controls.
  5. Assign VBA code to the UserForm.
  6. Display or load the UserForm.
  7. Close or hide the UserForm.

The purpose of this section is to show you, step-by-step, the practical process you can follow to create a UserForm. The logic and theory behind each of these steps is thoroughly described in the appropriate section above. Please refer to those sections for more information and details.

The UserForm example you create is very simple. My purpose with this blog post is to get you started creating UserForms. Therefore, I don't dive into certain features or VBA constructs that you can use and add to improve the UserForm and make it more sophisticated or complex.

Step #1: Insert A UserForm

Insert the UserForm by following these 3 easy steps:

  1. Use the "Alt + F11" keyboard shortcut to go to the VBE.
  2. Go to the Project Explorer and right-click on the Project (workbook) you're working on. In this example, select "VBAProject(Create Excel UserForms For Data Entry In 6 Easy Steps.xlsm)".
  3. Go to Insert > UserForm.

    Right-click workbook and Insert and UserForm

The Visual Basic Editor creates the following blank UserForm.

Blank UserForm in VBE

Step #2: Add Controls To The UserForm

The purpose of the example UserForm example is to serve for data entry. There are only 2 required entries:

  1. Item.
  2. Units Sold.

To achieve this, use the following controls for the UserForm:

  • 1 SpinButton, to specify the number of units sold.
  • 1 TextBox, to display the number of units sold specified by clicking on the SpinButton.
  • 1 Label for the TextBox.
  • 5 OptionButtons, to choose the appropriate item. In this example, you use OptionButtons because you want to ensure that the user can select only 1 item (not several).
  • 1 Frame, for the OptionButtons.
  • 2 CommandButtons: A Record Entry and a Close Form button.

Add the SpinButton, TextBox, Label and Frame controls following the same 2-step process:

  1. Select the control in the Toolbox.
  2. Click on the UserForm, in the location where you want to add the control.

In the case of the CommandButtons and OptionButtons, use the following 3-step process:

  1. Double-click on the control within the Toolbox.
  2. Click on the UserForm several times, once for each time you add the control (2 for the CommandButtons, 5 for the OptionButtons).
  3. Click on the Select Objects command in the Toolbox to restore the mouse pointer to Selection mode.

Due to the amount of controls you include in the UserForm, start by resizing the UserForm itself. Your purpose is to make the UserForm taller. You do this by clicking and dragging on the UserForm's lower center sizing handle.

UserForm and Lower center resizing handle

Once the UserForm is big enough to fit all the controls you want to add, and due to the layout choice, add the controls in the following order:

  1. Frame.
  2. OptionButtons.
  3. Label.
  4. TextBox.
  5. SpinButton.
  6. CommandButtons.

The following GIF shows the process I describe above:

Add controls to UserForm

In this step, don't worry too much in getting the precise location right. You organize the controls with more detail in the next step.

Step #3: Move Or Resize The UserForm Controls

Use the grid and several commands in the Format menu to arrange the controls within the UserForm. The exact commands you use vary depending on the exact situation you're in.

For this example, do the following:

  1. Arrange the vertical spacing between the different OptionButtons and align them to the left, as follows:
    1. Select all the OptionButtons.
    2. Go to Format > Vertical Spacing > Remove.
    3. Go to Format > Vertical Spacing > Increase.
    4. Change the reference control by holding the Ctrl key while clicking on an OptionButton that has the appropriate alignment.
    5. Go to Format > Align > Lefts.
  2. Reduce the height of the Frame used to group the OptionButtons. Do this by clicking on and dragging on its lower center sizing handle.
  3. Move the Label, TextBox, SpinButton and CommandButtons up, so that they're closer to the lower edge of the Frame. Do this by selecting all the controls and dragging them with the mouse.
  4. Align all controls, except the SpinButton and the CommandButton on the right side of the UserForm, to the left. Do this as follows:
    1. Select all controls, excluding the SpinButton and the right-hand CommandButton.
    2. Go to Format > Align > Lefts.
  5. Make the SpinButton the same height as the TextBox and align both controls, as follows:
    1. Select the SpinButton and the TextBox.
    2. Go to Format > Make Same Size > Height.
    3. Go to Format > Align > Rights.
    4. Go to Format > Align > Tops.
  6. Arrange the vertical spacing between the TextBox and the left-hand CommandButton, as follows:
    1. Select the left-hand CommandButton and the TextBox.
    2. Go to Format > Vertical Spacing > Remove.
    3. Go to Format > Vertical Spacing > Increase.
  7. Align the CommandButtons, as follows:
    1. Select the CommandButtons.
    2. Go to Format > Align > Tops.
    3. Go to Format > Horizontal Spacing > Remove.
    4. Go to Format > Horizontal Spacing > Increase.
  8. Decrease the height of the UserForm by using its lower center sizing handle.
  9. Decrease the width of both the Frame and the UserForm. In both cases, click and drag on their respective right center sizing handles.

The following GIF shows the 9-step process I describe above:

Organize controls in UserForm

Step #4: Customize The UserForm And Its Controls

Customize the following 2 properties of all UserForm and UserForm controls that contain them:

  1. Name: The name of the UserForm or control.
  2. Caption: Caption text that is displayed (i) within or next to a control, or (ii) in the UserForm title bar.

The only exceptions are the TextBox and SpinButton. The TextBox and SpinButton objects don't have a Caption property.

In addition to the above, make the following specific property modifications:

  1. Set the Default property of the Record Entry button to True. The Default property allows you to specify whether a CommandButton is the default button in the UserForm.
  2. Set the Cancel property of the Close Form button to True. You can use the Cancel property to specify that a CommandButton is the Cancel button. If you do this, the user can use the Escape key as a shortcut for the Close Form button.
  3. Set the Enabled property of the TextBox to False. You can use the Enabled property to indicate whether the TextBox is enabled and respond to the user's actions (True) or disabled (False).
  4. Set the Locked property of the TextBox to True. The Locked property allows you to specify if the user can edit the entry or data within the TextBox. By locking the TextBox, you ensure that the user can't edit, add or delete data in the TextBox.

Follow the same 3-step process for all objects whose properties are modified:

  1. Select the object to modify.
  2. Go to the Properties Window and select the appropriate property.
  3. Double-click on the current property setting, and (when required) replace it with a new one. With some of the properties used in this example Default, Cancel, Enabled and Locked), double-clicking allows you to cycle through the available values (True and False).

The following table shows the new Name and Caption properties for each of the objects. I use "n.a." to indicate the cases where a property isn't a member of the object.

Original Object Name Name Property Caption Property
UserForm1 userFormSalesEntry Enter sales data
Label1 labelUnits No. of units sold
TextBox1 textBoxUnits n.a.
SpinButton1 spinButtonUnits n.a.
Frame1 frameItem Item
OptionButton1 optionButtonSurfaceStudio Surface Studio
OptionButton2 optionButtonSurfaceBook Surface Book
OptionButton3 optionButtonSurfacePro4 Surface Pro 4
OptionButton4 optionButtonXboxOneS Xbox One S
OptionButton5 optionButtonXboxOne Xbox One
CommandButton1 commandButtonRecordEntry Record Entry
CommandButton2 commandButtonCloseForm Close Form

Strictly speaking, you don't need to specify the Name property of all the objects above. This is because you don't refer to most of them (for example, the Label and Frame) within the VBA code you create in the following steps. However, as I explain above, you generally want to use meaningful and descriptive names for the objects you refer to within the code.

The following GIF shows the whole process to change the properties above:

Specify control properties

Step #5: Assign VBA Code To The UserForm

My focus in this UserForms Tutorial are UserForms, not VBA code. My purpose is to show you how you can use some of the VBA constructs I explain in the first section of this blog post, such as the Unload statement.

Therefore, the Sub procedure examples below are very simple. You can use more sophisticated macros and find several Tutorials that focus on VBA code in the Archives.

In this step, you create the following 3 macros:

  1. A macro that prepares the UserForm for use by setting the default states of the TextBox, SpinButton and OptionButtons in the UserForm.
  2. A macro that records entries.
  3. A macro that connects the TextBox to the SpinButton, so that changes to the SpinButton are reflected in the TextBox.

I explain the VBA code used to display and close the UserForm in the following steps (#6 and #7).

The 8-step process you can follow to enter the VBA code for the UserForm is as follows:

  1. Double-click the Record Entry CommandButton.

    Enter sales data dialog box and Record Entry

    Because of this, the VBE does the following:

    • Takes you to the Code window.
    • Enters the declaration and End statements for a Sub procedure triggered by the Click event of the CommandButton object (Private Sub commandButtonRecordEntry_Click()). The Click event occurs when the user clicks on the CommandButton.

      Private Sub commandButtonRecordEntry_Click

  2. Enter the VBA code for the Sub procedure triggered when the user clicks on the Record Entry CommandButton. This is the main Sub procedure and carries out most of the work you require.
  3. Click on the Object drop-down list at the top left side of the UserForm Code window, and select the SpinButton control (spinButtonUnits).

    Object drop-down list and SpinButton

    The VBE enters the declaration and End statements for a Sub procedure triggered by the Change event of the spinButtonUnits object (Private Sub spinButtonUnits_Change()). The Change event occurs when the Value property of the SpinButton changes. The Value property, in turn, changes when the user clicks any of the arrows of the SpinButton.

    Private Sub SpinButton_Change

  4. Enter the VBA code for the Sub procedure triggered when the user clicks on the arrows of spinButtonUnits.
  5. Click on the Object drop-down list, and select the UserForm object (UserForm).

    Object drop-down list and UserForm

    Because of this, the VBE enters the declaration and End statements for a Sub procedure triggered by the Click event of the UserForm.

    Private Sub UserForm_Click

  6. Click on the Procedure drop-down list at the top right side of the UserForm Code Window, and select the Initialize event.

    Procedure drop-down list and Initialize

    The VBE enters the opening and closing statements of a Sub procedure triggered by the Initialize event of the UserForm (Private Sub UserForm_Initialize()). The Initialize event happens when the UserForm is loaded, but prior to it being displayed. Therefore, you usually rely on Initialize to specify default values or fill controls with data.

    Private Sub UserForm_Initialize

  7. Delete the opening and closing statements entered by the VBE in step #5 above (Private Sub UserForm_Click()).

    Extra event-handler procedure to delete

  8. Enter the VBE code for the macro triggered when the UserForm is initialized.

Let's look at the VBA code for the 3 procedures you create in this step:

Sub Procedure #1: Private Sub UserForm_Initialize()

The following is the VBA code for the macro executed when the UserForm is initialized:

Code for TextBox.Text, SpinButton.Value, OptionButton.Value

This macro sets the default values and selections for several controls within the UserForm, as follows:

  • Value of TextBox: 0.
  • Value of SpinButton: 0.
  • Selected OptionButton: Surface Studio.

You can also manipulate these properties through the Properties Window (step #4 above).

One of the main reasons I prefer to set these default property values through VBA code is that this allows me to reuse the code within this Sub procedure to reset the UserForm and prepare it for a new entry. In fact, the last statement in Sub procedure #2 below calls the UserForm_Initialize macro for these purposes.

Let's look at each line of code within this macro:

Lines #1 And #5: With Me | End With

Opening and closing statements of a With… End With block.

The statements within the block (lines #2 to #4) work with the object specified in the opening line of the block (Me). You use the Me keyword to refer to the UserForm itself.

Line #2: .textBoxUnits.Text = 0

Sets the default value of the TextBox to 0. This default number of units (0) is recorded when the user fails to specify one through the SpinButton control.

You achieve this by setting the Text property of the TextBox (.textBoxUnits.Text) to 0.

Line #3: .spinButtonUnits.Value = 0

Sets the default value of the SpinButton to 0. This value matches the default value of the TextBox (line #2 above).

You do this by setting the Value property of the SpinButton to 0. The Value property of a SpinButton is an integer.

Line #4: .optionButtonSurfaceStudio.Value = True

Selects (by default) the OptionButton that corresponds to the Surface Studio.

You achieve this by setting the Value property of the first OptionButton (Surface Studio) to True. The Value property allows you to specify whether the OptionButton is selected (True).

Private Sub commandButtonRecordEntry_Click()

The following is the VBA code within the Sub procedure executed when the user clicks the Record Entry button:

Macro code using Range.Find, Select Case, OptionButton.Value, TextBox.Value and other VBA constructs

This Sub procedure goes through the following process:

  1. Find the first empty row in the worksheet where the entered data is recorded.
  2. Record the user entries in that first empty row, as follows:
    1. The Item chosen with the OptionButtons of the UserForm is recorded in column A.
    2. The number of units displayed in the TextBox of the UserForm is recorded in column B.
  3. Prepare the UserForm for a new entry by:
    1. Resetting the values of the TextBox and SpinButton.
    2. Selecting the default OptionButton (for Surface Studio).

The macro doesn't carry any data validation checks, nor handles any possible errors. For example, it doesn't check whether the user has entered the number of units using the SpinButton. In this example, those checks are mostly handled by the SpinButton and the properties of the TextBox you modify in step #4 above, as follows:

  • The user can't enter data directly in the TextBox. This is a consequence of the values you set for the Enabled (False) and Locked (True) properties of the TextBox in step #4 above.
  • The number of units displayed on the TextBox is dependent on the SpinButton. In other words, the user specifies the number of units through the SpinButton. The TextBox simply displays the current number of units.

    You achieve this through an event-handler procedure triggered by the Change event of the SpinButton object. You can find an example of such code below (Sub procedure #3).

This Sub procedure doesn't close the UserForm. Therefore, the user can make several entries at any time without having to continually open the dialog box. The user can, however, close the dialog box at any time by clicking on the Close or Close Form buttons. See step #7 below to see how to close the dialog box with the Close Form button.

Let's go through each line of code to understand how the macro works:

Lines #1 And #2: Dim myWorksheet As Worksheet |Dim myFirstBlankRow As Long

Use the Dim keyword to declare 2 variables:

  1. myWorksheet: An object variable. Represents the worksheet where the data is recorded.
  2. myFirstBlankRow: A variable of the Long data type. Represents the number of the first blank row in the table where the data is recorded.
Line #3: Set myWorksheet = Worksheets("Excel UserForm data entry")

Uses the Set keyword to assign a worksheet (Excel UserForm data entry) to an object variable (myWorksheet).

Lines #4 And #21: With myWorksheet | End With

Opening and closing statements of a With… End With block. The statements within the block (lines #5 to #20) work with the object specified in the opening line of the block (myWorksheet).

Lines #5: myFirstBlankRow = .Cells.Find(What:="*", LookIn:=xlFormulas, LookAt:=xlPart, SearchOrder:=xlByRows, SearchDirection:=xlPrevious).Row + 1

Finds the first empty row in myWorksheet and assigns its number to the myFirstBlankRow variable.

The process followed to find the first empty row in the worksheet is as follows:

  1. The number of the last cell with data in the worksheet is found (.Cells.Find(What:="*", LookIn:=xlFormulas, LookAt:=xlPart, SearchOrder:=xlByRows, SearchDirection:=xlPrevious).Row).
  2. A value of 1 is added. This addition returns the number of the row below the last cell with data or, in other words, the first empty row in the worksheet.

Let's analyze the portion of the statement that finds the last row in the worksheet. I explain several different ways to find the last row in a worksheet in this VBA Tutorial.

  1. The Worksheet.Cells property (.Cells) returns all the cells within myWorksheet.
  2. The Range.Find method (Cells.Find) is used to search for the last cell with data within myWorksheet. The parameters of the Range.Find method, which are within parentheses, are set as follows:
    1. What: "*". The data you're searching for. The asterisk (*) acts as wildcard. Therefore, the Find method searches for any character sequence.
    2. LookIn: xlFormulas. The type of data you're searching in. xlFormulas results in VBA searching (looking) in the cell formulas.
    3. LookAt: xlPart. Specifies whether the Find method matches the cell contents in their entirety, or just a part of them. xlPart results in Excel doing a partial match.
    4. SearchOrder: xlByRows. Specifies whether the search is carried out by rows or by columns. Since you're looking for the last row, you set this to xlByRows.
    5. SearchDirection: xlPrevious. The direction (next or previous) in which the search is carried. In this case, you set the argument so that Excel searches for the previous (xlPrevious) match.

Once the last row in the worksheet is identified, 1 is added (+ 1). The resulting value is assigned to the myFirstBlankRow variable (myFirstBlankRow =).

Lines #6 And #19: With .Cells(myFirstBlankRow, 1) | End With

Opening and closing statements of a With… End With block. The statements within the block (lines #7 to #18) work with the object specified in the opening line of the block (.Cells(myFirstBlankRow, 1)).

Let's analyze the object to which statements refer to:

  • The Cells property (.Cells) works with the object specified in the opening statement of the outer With… End With block (line #4 above). That object is myWorksheet.
  • The Cells property returns a single cell. That's the cell located on the first empty row (myFirstBlankRow) and the first column (1 or A) of the worksheet. This cell is where the next data entry for Item is recorded.

    First empty cell in column A

Lines #7 And #18: Select Case True | End Select

Opening and closing of a Select Case statement.

Executes one of the groups of statements within this block of code (lines #8 to #17) based on the value taken by an expression. The group of statements that's executed is determined by finding which expression matches the test expression.

The test expression is set in the opening line of code (#7) of the block. In this case, a Boolean value: True (Select Case True).

Lines #8 Through #17: Case optionButtonSurfaceStudio.Value | .Value = "Surface Studio" | Case optionButtonSurfaceBook.Value | .Value = "Surface Book" | Case optionButtonSurfacePro4.Value | .Value = "Surface Pro 4" | Case optionButtonXboxOneS.Value | .Value = "Xbox One S" | Case optionButtonXboxOne.Value | .Value = "Xbox One"

Line #8, #10, #12, #14 and#16 are the expressions against which VBA seeks to match the test expression (True) from line #7 above. The statement that VBA executes is the one following the expression that returns True and, therefore, matches the test expression.

The following table shows the tested expressions along with the statement that's executed when that expression returns True:

Rows # Expression Statement that's executed if Expression = True
8 and 9 optionButtonSurfaceStudio.Value .Value = "Surface Studio"
10 and 11 optionButtonSurfaceBook.Value .Value = "Surface Book"
12 and 13 optionButtonSurfacePro4.Value .Value = "Surface Pro 4"
14 and 15 optionButtonXboxOneS.Value .Value = "Xbox One S"
16 and 17 optionButtonXboxOne.Value .Value = "Xbox One"

Notice the following:

  1. The structure of all the groups of statements above is identical.
  2. First, you have the expression that VBA seeks to match with the test expression (True).
    1. The OptionButton.Value property returns True if the OptionButton is selected.
    2. The OptionButtons used in this example are grouped. Therefore, when the user selects 1 option, the other options are automatically de-selected. In other words, only 1 OptionButton can be selected.
    3. Because of #1 and #2 above, the expression that matches the test expression is that which corresponds to the OptionButton selected by the user.
  3. Second, you have the statement that VBA executes when the corresponding expression is True.
    1. The Value property (.Value) works with the object specified in the opening statement of the With… End With block (line #6). That object is the cell where the next entry for Item goes.
    2. The executed statement sets the Value property of the relevant cell to be equal to a string. This string is the name of one of the Items.

Overall, the consequence of the above structure is that the data recorded in the Excel worksheet depends on the OptionButton the user chooses, as follows:

If the user chooses The data entry is
Surface Studio Surface Studio
Surface Book Surface Book
Surface Pro 4 Surface Pro 4
Xbox One S Xbox One S
Xbox One Xbox One
Line #20: .Cells(myFirstBlankRow, 2).Value = Me.textBoxUnits.Value

Records the number of units within the No. of units sold TextBox in the appropriate worksheet cell.

Let's see how this works:

  1. The statements sets the Value property of a cell (.Cells(myFirstBlankRow, 2).Value =) to be equal to the Value property of the UserForm TextBox (Me.textBoxUnits.Value). The Value property of the TextBox is determined by the SpinButton. This part of the process is controlled by the Sub procedure #3 I explain below.
  2. The first part of the statement (.Cells(myFirstBlankRow, 2)) works as follows:
    1. The Cells property (.Cells) works with the object specified in the opening statement of the With… End With block (line #4). That object is represented by myWorksheet.
    2. The Cells property returns a single cell. This cell is located on the first empty row (myFirstBlankRow) and the second column (2 or B) of the worksheet. That's the cell where the next data entry for Units Sold is recorded.

      Cell for next entry

Line #22: UserForm_Initialize

Calls the UserForm_Initialize Sub procedure. I explain this event-handler procedure in more detail above (Sub procedure #1).

The UserForm_Initialize macro sets the default values and controls of certain UserForm controls, as follows:

  • TextBox: 0.
  • SpinButton: 0.
  • OptionButton selection: Surface Studio.

In other words, by calling the UserForm_Initialize Sub procedure, you reset the values and selections within the UserForm to their defaults. This ensures that the UserForm is ready for a new entry.

Sub Procedure #3: Private Sub spinButtonUnits_Change()

The following is the VBA code within the Sub procedure executed when the user clicks on any of the arrows of the SpinButton control:

TextBox.Value = SpinButton.Value

This macro consists of a single VBA statement:

textBoxUnits.Value = Me. spinButtonUnits.Value

This statement sets the Value property of the TextBox object (textBoxUnits.Value) to be equal to the Value property of the SpinButton object (Me.spinButtonUnits.Value). In other words, it:

  • Connects the TextBox to the SpinButton.
  • Ensures that the value displayed in the TextBox is determined by the SpinButton.

Step #6: Display The UserForm

For this example, get Excel to display the UserForm in the following 3 simple steps:

  1. Go to a module different from the UserForm's code module.
  2. Create a Sub procedure that calls the Show method of the UserForm object.
  3. Assign a keyboard shortcut to the displayUserForm macro.

Let's go through each of these steps:

Step #1: Go To A Module

In this example, store the macro that displays the UserForm in a standard module (Module1).

If necessary, insert a new module by, for example, right-clicking on the workbook within the Project Explorer and going to Insert > Module.

Right-click and Insert and Module

Step #2: Create A Sub Procedure That Calls The Show Method Of The UserForm Object

Create the following macro (displayUserForm):

UserForm.Show

displayUserForm consists of the following single statement:

userFormSalesEntry.Show

When executed, this macro displays the userFormSalesEntry you created in the previous 5 steps.

Step #3: Assign A Keyboard Shortcut To The displayUserForm Macro

For this example, execute the displayUserForm Sub procedure with a keyboard shortcut. Make this assignment in the following 4 easy steps:

  1. Open the Macro dialog box by, for example, using the "Alt + F8" keyboard shortcut.
  2. Within the Macro dialog box, select the appropriate macro (displayUserForm) and click the Options button.

    Macro dialog box and Macro name and Options

  3. Within the Macro Options dialog box displayed by Excel, assign a keyboard shortcut and click the OK button.

    In this example, assign the keyboard shortcut "Ctrl + Shift + A".

    Macro Options dialog and Ctrl + Shift + A and OK

  4. Close the Macro dialog box.

    Macro dialog and X

Step #7: Close The UserForm

A user can close the dialog box example by clicking on the Close Form button. You can enter the code to close the UserForm when the user clicks this button in the following 4 easy steps:

  1. Go to the VBE by, for example, using the "Alt + F11" keyboard shortcut.
  2. Double-click on the appropriate UserForm module (userFormSalesEntry).

    UserForm to double-click in Project Explorer

  3. Double-click on the button you want to use to close the UserForm (Close Form).

    Enter sales data and Close Form

    Because of this, the VBE does the following:

    • Takes you to the UserForm's Code window.
    • Enters the declaration and End statements for a Sub procedure triggered by the Click event of the commandButtonCloseForm object (Private Sub commandButtonCloseForm_Click()).

      Private Sub CommandButton_Click

  4. Enter the VBA code for the Sub procedure triggered when the user clicks the Close Form button. In this example, this procedure includes a statement with the Unload statement.

The following is the code within the Sub procedure executed when the user clicks the Close Form button:

Unload Me

This Sub procedure has the following single statement:

Unload Me

The Unload statement unloads the UserForm from memory. This results in the dialog box being dismissed.

UserForm For Data Entry In Action

You can enter data with the UserForm example in the following 5 simple steps:

  1. Use the "Ctrl + Shift + A" keyboard shortcut.
  2. Excel displays the UserForm.

    Enter sales data UserForm

  3. To make an entry:
    1. Enter the number of units sold by using the SpinButton.
    2. Choose the appropriate Item.
    3. Click on the Record Entry button.

      Item, No. of units sold, Record Entry button in UserForm

  4. Repeat step #3 as many times as required, depending on the number of entries you want to make.
  5. To close the UserForm, press the Close or Close Form button.

    Enter sales data and X, Close Form

The GIF below shows the UserForm in action. Notice how:

  • Every time I click the Record Entry button, the entry is recorded in the table.
  • When I click the Close Form button, the dialog box is closed.

Example to enter data with UserForm

Conclusion

After reading this UserForms Tutorial, you have the knowledge and resources to start creating UserForms in Excel now. The following are some of the topics you learned about:

  • What is a UserForm, and why are they useful.
  • The simple 6-step process you can use to create a UserForm for data entry.
  • How to insert and customize UserForms.
  • What are UserForm controls, and how you work with them. This includes, among others, how to add, select, move, resize, customize and remove controls.
  • How to create the macros that power your UserForms. This includes the VBA code you use to both: (i) display, load, close and hide UserForms, and (ii) respond to the user's actions within the UserForm.

In the second section of this UserForms Tutorial, you saw a practical example. In this example, you followed the easy 6-step process to create a simple UserForm for data entry. Remember that this blog post is accompanied by an Excel workbook example containing this UserForm example. You can get immediate free access to this workbook by clicking the button below.

Get immediate free access to the Excel workbook example

In practice, you're likely to work with more complex UserForms that (i) gather more data, (ii) use additional controls, and (iii) work with more complex VBA code. In most cases, the basic principles and constructs you've learned about by reading this UserForms Tutorial continue to apply.

Books Referenced In This UserForms Tutorial

  • Alexander, Michael and Kusleika, Dick (2016). Excel 2016 Power Programming with VBA. Indianapolis, IN: John Wiley & Sons Inc.
  • Goldmeier, Jordan (2014). Advanced Excel Essentials. New York City, NY: Apress.
  • Mansfield, Richard (2016). Mastering VBA for Microsoft Office 2016. Indianapolis, IN: John Wiley & Sons Inc.
  • Urtis, Tom (2015). Excel VBA 24-Hour Trainer. Indianapolis, IN: John Wiley & Sons Inc.

How To Create A Gui In Excel

Source: https://powerspreadsheets.com/create-excel-userforms/

Posted by: smithwich1999.blogspot.com

0 Response to "How To Create A Gui In Excel"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel