Custom treeview showing progress bar on the side of the nodes

Hi Experts,

I have a treeview which goes 4 levels deep.
Projects
            |_ SubProjects
                                  |_Tasks
                                              |_SubTasks
                                                                |_Personnel

Subtasks is the granulat level of project and personnel is the one who is working on subtask.
Each Project can have multiple subprojects and each subproject multiple tasks and each task multiple subtasks.
Want I want to do now is put a progress bar beside Project, Subproject, Task and Subtask alligned right next to them.  I am calculating a progress value for each project subproject task and subtask based on their assigned hours and the hours they are worked by personnel on them.  
For progress bat i was using two textboxes . If the percentage of the value i calculated i less than 100 i am filling the first textbox with lime till that percentage of the textbox width. If its over 100% i am filling the first textbox completely with lime and the second textbox whatever the percentage over 100 by red.  

Now i want to display this all thing as a treeview and the progressbar right next to the node of each level. All the treeview nodes and the progressbar values are dynamic and this is a web application.

The application is developed in vb.net 3.5 framework.  
Could you please tell me the easiest and nice looking way to do this.
I appreceate you guys help.

Thankyou
Nishita_ReddyAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
nirojexpertConnect With a Mentor Commented:
the file is attached. rename .txt to .html
project-view.html.txt
0
 
nirojexpertCommented:
draw it in the picture box. it is the easiest way.  It has infinite ways to represent your data.

if this is difficult for you, then generate a html pages. it is much simpler.
you can use the image and set its width to a % value directly and align to left. it will appear a progress bar.

and also for the tree structure, you can have a table with 4 columns. depending on which level it is, you write on that column.

for the html version, you need to read data in the linear display order on the tree.
0
 
Nishita_ReddyAuthor Commented:
Hi could you proivde me an example if possible. Its confusing to me.

Thankyou
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
nirojexpertCommented:
see i created the html for you. if that is the kind of output you are thinking of, you can generate it using your database.
 
0
 
Nishita_ReddyAuthor Commented:
Excellent solution just what i was looking for....niroj rocks
0
 
Nishita_ReddyAuthor Commented:
the solution you provided is almost close to what i was looking for. Atleast you gave me a start. One finla question i cannot post this as a new question its related to this one.. the solution you provided in html has hardcoded the treeview. My treeview is dynamic and it 4 levels and any level can have any number of levels. Does your solution can still be applied to get the same design.

thankyou
0
 
nirojexpertCommented:
now your task is to create similar html dynamically. it is possible to make many levels as in database.
but again, you notice that this tree view does not have the feature of expaning/collasping the nodes. you can add then in html using JAVAscripts.
 
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.