Click here to Skip to main content
13,558,426 members
Click here to Skip to main content
Add your own
alternative version

Tagged as


40 bookmarked
Posted 24 Dec 2008
Licenced CPOL

Hierarchical Tree

, 24 Dec 2008
Rate this:
Please Sign up or sign in to vote.
Updated version of the wonderful and sleek "Tree Chart Generator" written by Rotem Sapir


This is an extension to the wonderful and simple tree generator that Rotem Sapir wrote. (TreeGenerator.aspx)

Using the Code

The code base is developed on top of the code that Rotem Sapir had developed. However, there have been updates to the way the node is rendered. This one gives a professional touch with a subtle shadow effect to each of the node.

This also has a provision of specifying the background color to each of the nodes. You could have your own logic of coloring the nodes, either by levels in the organization tree or based on any other geographic or data specific colors (for example, if you are rendering a hierarchy chart to show the % of sales, # of people working under a person etc., etc.,)

This code now supports a selection color for the node, ie., when the user selects a node in the tree the selected color of the node can now be changed by setting the _SelectedBoxFillColor

Here is the sample client code that uses the TreeGenerator:

  public partial class MainForm : Form
    private Color[] hierarchyNodeColor = { Color.FromArgb(26, 80, 160),
        Color.FromArgb(35, 107, 215), Color.FromArgb(100, 152, 230),
        Color.FromArgb(169, 198, 241), Color.FromArgb(178, 207, 250) };
    private TreeBuilder myTree = null;

    public MainForm()

    public void InitializeHierarchyTree()
      picHierarchyTree.Location = containerPanel.Location;
      picHierarchyTree.Dock = DockStyle.Left;
      picHierarchyTree.SizeMode = PictureBoxSizeMode.AutoSize;
      containerPanel.AutoScroll = true;


    public void LoadHierarchyControl()
      myTree = new TreeBuilder(GetTreeData());

    private void PaintHierarchyTree()
      picHierarchyTree.Image = Image.FromStream(myTree.GenerateTree(-1, -1, "1",
    private TreeData.TreeDataTableDataTable GetTreeData()
      TreeData.TreeDataTableDataTable dt = new TreeData.TreeDataTableDataTable();
      dt.AddTreeDataTableRow("1", "", "Localhost", "This is your Local Server",
      dt.AddTreeDataTableRow("2", "1", "Child 1", "This is the first child.",
      dt.AddTreeDataTableRow("3", "1", "Child 2", "This is the second child.",
      dt.AddTreeDataTableRow("4", "1", "Child 3", "This is the third child.",
      dt.AddTreeDataTableRow("5", "2", "GrandChild 1", "This is the only Grandchild.",
      for (int i = 6; i < 10; i++)
        Random rand = new Random();
        dt.AddTreeDataTableRow(i.ToString(), rand.Next(1, i).ToString(),
            "GrandChild " + i.ToString(), "This is the only Grandchild.",
      return dt;
    private void picHierarchyTree_MouseClick(object sender, MouseEventArgs e)
      // returns the XML node
      XmlNode selectedNode = myTree.OnClick(e.X, e.Y);


Points of Interest

Though the original code base was nice, there were few redundant files and bringing in a shadow effect brought a lot of professional look to the whole code, in addition to removing unncessary code files that were not in use.


First version which is based on the TreeGenerator written by Rotem Sapir.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

No Biography provided

You may also be interested in...

Comments and Discussions

GeneralBuild Error Pin
ginu29-Jun-09 20:58
memberginu29-Jun-09 20:58 
GeneralRe: Build Error Pin
Nagarajan Rajesh30-Jun-09 6:59
memberNagarajan Rajesh30-Jun-09 6:59 
GeneralRe: Build Error Pin
ginu30-Jun-09 18:29
memberginu30-Jun-09 18:29 
GeneralHelp Pin
ginu30-Jun-09 18:34
memberginu30-Jun-09 18:34 
GeneralRe: Build Error Pin
Bartosz Bien29-Nov-09 21:24
memberBartosz Bien29-Nov-09 21:24 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web03-2016 | 2.8.180515.1 | Last Updated 24 Dec 2008
Article Copyright 2008 by Nagarajan Rajesh
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid