[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 706
  • Last Modified:

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
0
Nishita_Reddy
Asked:
Nishita_Reddy
  • 4
  • 3
1 Solution
 
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
 
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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
nirojexpertCommented:
the file is attached. rename .txt to .html
project-view.html.txt
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

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now