Solved

Custom treeview showing progress bar on the side of the nodes

Posted on 2009-05-12
7
667 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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 6

Accepted Solution

by:
nirojexpert earned 500 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Most everyone who has done any programming in VB6 knows that you can do something in code like Debug.Print MyVar and that when the program runs from the IDE, the value of MyVar will be displayed in the Immediate Window. Less well known is Debug.Asse…
If you need to start windows update installation remotely or as a scheduled task you will find this very helpful.
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…
Get people started with the utilization of class modules. Class modules can be a powerful tool in Microsoft Access. They allow you to create self-contained objects that encapsulate functionality. They can easily hide the complexity of a process from…

760 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now