Link to home
Start Free TrialLog in
Avatar of Nishita_Reddy
Nishita_Reddy

asked on

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
Avatar of nirojexpert
nirojexpert
Flag of Nepal image

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.
Avatar of Nishita_Reddy
Nishita_Reddy

ASKER

Hi could you proivde me an example if possible. Its confusing to me.

Thankyou
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.
 
ASKER CERTIFIED SOLUTION
Avatar of nirojexpert
nirojexpert
Flag of Nepal image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Excellent solution just what i was looking for....niroj rocks
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
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.