[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Custom treeview showing progress bar on the side of the nodes

Posted on 2009-05-12
7
Medium Priority
?
717 Views
Last Modified: 2012-05-06
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
Comment
Question by:Nishita_Reddy
  • 4
  • 3
7 Comments
 
LVL 6

Expert Comment

by:nirojexpert
ID: 24408992
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
 

Author Comment

by:Nishita_Reddy
ID: 24412276
Hi could you proivde me an example if possible. Its confusing to me.

Thankyou
0
 
LVL 6

Expert Comment

by:nirojexpert
ID: 24418190
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
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
LVL 6

Accepted Solution

by:
nirojexpert earned 2000 total points
ID: 24418206
the file is attached. rename .txt to .html
project-view.html.txt
0
 

Author Closing Comment

by:Nishita_Reddy
ID: 31580568
Excellent solution just what i was looking for....niroj rocks
0
 

Author Comment

by:Nishita_Reddy
ID: 24432638
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
 
LVL 6

Expert Comment

by:nirojexpert
ID: 24438071
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

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There are many ways to remove duplicate entries in an SQL or Access database. Most make you temporarily insert an ID field, make a temp table and copy data back and forth, and/or are slow. Here is an easy way in VB6 using ADO to remove duplicate row…
I’ve seen a number of people looking for examples of how to access web services from VB6.  I’ve been using a test harness I built in VB6 (using many resources I found online) that I use for small projects to work out how to communicate with web serv…
Get people started with the process of using Access VBA to control Outlook using automation, Microsoft Access can control other applications. An example is the ability to programmatically talk to Microsoft Outlook. Using automation, an Access applic…
This lesson covers basic error handling code in Microsoft Excel using VBA. This is the first lesson in a 3-part series that uses code to loop through an Excel spreadsheet in VBA and then fix errors, taking advantage of error handling code. This l…
Suggested Courses

608 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question