Home Article Index Links Newsletter

Deze pagina in het NederlandsHome > Article Index > Treeview control >

An MSForms (all VBA) treeview; Features


Realistically a VBA form with all the controls we need for each node can’t be expected to match that of the compiled original. Even so we are surprised at what has been possible, albeit with considerable tuning and refining. Light testing suggests 1000 to 2000 nodes is quite feasible even in a typical five year old laptop, depending on the configuration of the treeview.


The original has a wide variety of features and functionality. We have tried to replicate most of these, and added a few features of our own.


The common controls treeview has a checkboxes option so you can check nodes. We ensured our treeview has that too.

A picture says more than a thousand words, so:

Checkboxes are possible and work
Checkboxes are possible and work!

Expand/collapse boxes or icons

By default we draw a rectangle with a plus or minus characters as text to mimic the expand/collapse boxes. You can also opt for expand/collapse icons. We have bundled XP and Win7 style expander icons in the demo form or you can customize your own as you wish:

 Expander icons are provided
Icons as expand/collapse buttons


The treeview from the common controls lib always shows lines to indicate the structure. With ours it is optional to show lines. The choice might be for aesthetic reasons, however a very large treeview will load significantly faster without lines so that might be an overriding consideration.

Choose whether or not to show lines
Choose whether or not to show lines


Again, let's just look at the picture!

Icons can be added
You can add icons too!

If you are familiar with the ImageList control we have incorporated a similar approach. You can store your images in a (hidden) frame and pass a reference to the frame, just as you would pass a reference to an ImageList to the common controls treeview. However your icon images could be stored anywhere. As long as you can retrieve a “StdPicture” handle for each icon and add it to a “collection” that’s all we need.

Label formatting

Label formatting is available to you with code as simple as:

cNode.Bold = True
cNode.BackColor = RGB(255, 255, 220)    ' pale yellow
cNode.ForeColor = RGB(180, 0, 0)    ' dark red

Make sure you do not use code like:

cNode.Control.BackColor = RGB(255, 255, 220)    ' pale yellow

When you are building the set of nodes, the controls of the treeview have not yet been created (this is done when .Refresh is called). Using the properties the node class itself exposes ensures those are applied when the nodes are created. Only once the treeview is fully initialised and refreshed you can access the properties of the cNode.Control.

In addition, the treeview will automatically pick up the default font settings of its parent (frame) control, so controlling appearance of the treeview starts as easy as setting properties of the frame you'll use to host the treeview. I'll explain this on the next page.


We've already implemented quite some functionality. Here is what you can do "out of the box":


Collapsing and expanding

Clicking the expand/collapse buttons does as advertised: it expands or collapses the tree.

Navigation using mouse and keyboard

Navigation using mouse and keyboard works just like in the "old" treeview. Right and left arrow expand or collapse, up and down arrow move up or down the tree. Page-up and down just work.

Editing nodes

You can use F2 to edit a node. Double-clicking a node also puts it in edit mode. This option can be enabled or disabled by setting a property value.

Drag and drop

We're working on that.

Copying, moving (cutting) and pasting

Copy and move functions are built in, you can copy or move single nodes or entire branches. You can do that silently but we have also made it easy for you to trap user actions on the selected node, eg Ctrl-c, Ctrl-x, Ctrl-v. You can include your own code to validate the intended actions, eg only allow copy between similar levels, then instigate the copy or move.


An efficient sort routine has been devised especially for this treeview. Currently it only operates at a given node level, however options for sort order and text/binary are included.


There is quite a number of properties you can change. To give you an idea, some are listed below. There are more properties and methods, which are documented in the Excel download.


Full Width

True: Node caption widths extend beyond the width of the treeview, makes for clear highlighting of the selected node and if backcolor's are applied.

False: label widths are 'autosized' to the text
If node icons are used an additional image control is created for use with 'full width'

A large tree using node icons will load faster if 'full width' is not applied.


True: show checkboxes.
Press spacekey or click to change the value.

The check change event is trapped in the form, and the info label updated.

Allow Editing

User can manually edit the node.
Double click or press F2 on a selected node.

Key Enter to apply the edit or Esc to abort.

Show Lines

Whether or not to show lines may be a matter of aesthetics or needs depending on the tree.
Try experimenting with different indentation widths (see the spin button).

In a large tree start-up time will be considerably faster if lines are not shown.

Root button

True: the entire tree can be collapsed to the Root.
False: the tree can only be collapsed to the first level.

Expander icons

The expander buttons can be Labels with +/- characters toggled, or pairs of icons.
If icons are used the images must be available in the workbook, on a sheet or as in the demo hidden on the form.

The demo includes pseudo WinXP and Win7 Explorer type expander icons, but you can use any icons of your choice, or no icons.


Default is 15 points


The treeview already automatically adjusts its Node height to the Font size or checkbox size or Icon size, whichever is the larger.

It's probably best not to adjust Node height.

Font size

The font size and other default label properties are adopted from the parent frame.

Change at design time only.


The root nodes of the tree


All Nodes of your tree




Activate a node based on the key.


Copies the node put on the 'clipboard'


Move source node + children to destination node.


Equivalent to Treeview.Nodes.Clear.


Remove Node, its children and grandchildren.


Adds and displays all the controls for the Treeview for the first time. ALso displays and repositions node controls as required.


Updates the expanded properties according to lLevel.
Called recursively.


Removes the treeview from memory.
Must be called before your userform goes out of scope.


Ensures the node passed to the method is scrolled into view.


Currently we have made available a limited set of events:


Click event

Fires when you click any node.

Node check event

Fires when you click the checkbox of a node.

After label edit event

Fires after editing a label.

Key down event

Fires when you press a key. The demoform included in the sample project shows how to implement copy and paste.

Mouse events

All mouse events are pushed through using a single MouseEvents event.

Add your own events

It isn't hard to add your own events, e.g. it takes three steps to add a new event for a specific element of the tree:

  1. Add event to the clsNode class for the piece of the tree you need an event for, by using the dropdowns at the top of the code window. Make sure it then calls a Friend sub in the clsTreeView class.
  2. Add an Event declaration to the clsTreeView class (like shown above) and a friend sub that raises that event when called from clsNode.
  3. Add an event handler to your userform.

Next: using this treeview in your VBA project.




Showing last 8 comments of 63 in total (Show All Comments):


Comment by: Akira HOSOKAWA (31-7-2019 10:39:00) deeplink to this comment

This TreeView control works perfectly on my VBA project.

Is there a way to get an image data (via clipboard or as an image file of JPG or PNG) of a whole tree structure which is displayed on the TreeView control?

Thanks in advance.

Comment by: Peter Thornton (31-7-2019 15:30:00) deeplink to this comment

Hi Akira,

It's easy to copy the form with Alt - Print-Screen, but I don't know how to capture the non-visible area scrolled off the form (or off the screen) which I guess is what you need.

Have you tried the 'Dump Data' example on the demo form which copies the Treeview data and structure to a worksheet. If you format cells as text you can resize column widths so nodes at different levels overlap slightly, more like the treeview.

Comment by: Andrew de beer (30-9-2019 11:19:00) deeplink to this comment

Is there a "word wrap" property for a treeview node?

Comment by: Peter Thornton (30-9-2019 16:37:00) deeplink to this comment

Hi Andrew,

There is isn't a "word wrap" property, complicated as it can be arbitrary when and where 'virtual' line breaks are added.

Nodes can handle multi-line (line breaks). However you would also need to size 'nodeheight' to at least the height as the node with most lines (handled automatically in the pro treeview).

Comment by: David (1-12-2020 20:28:00) deeplink to this comment

Is there an example of populating the tree using recursion?
I have a self referencing table.
Thank you.

Comment by: Jan Karel Pieterse (2-12-2020 11:33:00) deeplink to this comment

Hi David,

Perhaps this comments gets you started?

Comment by: Casey Little (12-1-2021 21:26:00) deeplink to this comment

Very well done. I have just built a test database implementing this treeview, and it is excellent. I hate having to deal with the always-breaking MS Treeview control. Have you given up on Drag/Drop? Do you have any recommendations, articles, reference materials that can help me to implement drag/drop myself?

Comment by: Peter Thornton (13-1-2021 10:33:00) deeplink to this comment

We certainly haven't given up with D&D, it's included in in the 'pro' treeview and it works nicely. However with the free version it's difficult to make it reliable in all scenarios, particularly with larger treeviews.

As an alternative to D&D consider using a right click context menu with copy/cut/paste items, and/or with the keyboard Ctrl+C/X/V.

Have a question, comment or suggestion? Then please use this form.

If your question is not directly related to this web page, but rather a more general "How do I do this" Excel question, then I advise you to ask your question here: www.eileenslounge.com.

Please enter your name (required):

Your e-mail address (optional, will only be used to inform you when your comment is published or to respond to your question directly):

Your request or comment (max 2000 characters):

To post VBA code in your comment, use [VB] tags, like this: [VB]Code goes here[/VB].

I give permission to process this data and display my name and my comment on this website accoring to our Privacy Policy.