PRODUCT: Web Organization Chart
VERSION : 2.4

 

INDEX
  1. Overview
  2. Web Organization Chart Program version 2.4 new Features
  3. Different Chart style
    1. Standard Format
    2. Full Chart
    3. 3 Levels Display
    4. Matrix Display
    5. Support Secretary Style
    6. Ladder format
    7. Category 1
    8. Category 2
  4. Different Tree style
    1. Standard Format
    2. Expandade Format
    3. Display Legend
    4. Display HeadCount
  5. Administrative Functions
  6. Search Employee
  7. Advanced Topics (Using Stylesheet)
  8. Application setup
  9. What customers can do to tailor Organization Chart to their specific requirements
  10. How to uninstall the Organization program
  11. Requirements for using Organization program
  12. How to print the Organization Chart
  13. Frequently Asked Questions
  14. Custom setup
    1. Install VB 6.0 dependency files
    2. Web Organization Chart Installed files
    3. ASSIGNING A DATA SOURCE NAME (File DSN) FOR THE OrgChart DATABASE
    4. MODIFY Setting.asp
    5. Orgchart advance setting
    6. How to create the filter to view part of the chart
    7. START Default.asp
  15. How to migrate from version 1.0 to Version 2.x
  16. Contact us
  17. Orgchart.DLL Public methods
  18. Orgchart.DLL Public properties
  19. License agreement

Overview

 

Web Organization Chart (WebOrgChart) is an application used to create corporate organizational charts based on personnel information from a Database directly to your Intranet or Extranet. It allows you to automatically examine your current employee's information in the outlined in an organization chart.

Using XSL customization your organization will be able to use existing data to transform it into building blocks that will be presented in the chart giving establishment wide scope that will be distributed immediately.

WebOrgChart comprises of a very simple and intuitive user interface supported by your existing Active Server Pages backend infrastructure providing your organization's desktop with security and reliability or your existing infrastructure and improving your communication standards and HR management

WebOrgChart provides you with security and reliability to improve your standards of communication and HR management. It will enable you to create corporate organizational charts based on personnel database tables (or recordset). In each organization, a HR table contains information on existing personnel data.

WebOrgChart can connect to any HR table (or recordset). It is as simple as defining two child identifier fields (i.e.: an employee ID) and a parent identifier (a supervisor ID) from a HR database table. WebOrgChart will create a tree format charts based on the current database connection.

Once created, the chart can retrieve the organizational data formatted in a chart for the selected individual and his/her subordinates, superiors, and associated employees on the right hand side of the screen by simply clicking on the desired person. You can then print your chart.

There is also the availability to view personal information in different formats of data including the employee's photo, which can be displayed on the right frame by clicking on the View icon of the person. The Orgchart view frame is designed so that you can retrieve the employee's photo from the hard drive, or any other type of database. Our sample application assumes that the employee's photo already exists on the hard drive.

An administrator can also insert, edit, delete and move any employee to your Orgchart. To do this, you need to call manager.asp and enter the admin password. After entering the admin password, you will see the tree chart with one more icon (the Edit icon) for each employee record. By clicking on that icon, you can insert a new employee, edit, delete or move the current employee.

The data on the Organization Chart program is read only for everybody except the admin person. The WebOrgChart application has the ability to be modified to a greater or lesser degree based on your company's needs.

 

Web Organization Chart Program version 2.4 new Features

New features in version 2.4:
1. Can display multi level display chart.
2. Can display 3 Level display chart.
3. Can display Chart in Matrix format.
4. Can display Multi chart from your XML data.
5. Can display 3 Level chart from your XML data.
6. Can display Matrix Chart from your XML data.
7. Multi level and 3 level display chart can be easily customized by either yourself or us.

Different Chart style

When loading the default.asp the "Tree Chart" will be shown on the left frame and the "Chart View" to the right frame. To view the chart in the right frame you need to click on the employee name in the left frame. A picture of each employee can be placed in that giving a higher level of personalization for your departments.

There are 8 available chart styles in this version.

Standard format

The drawing lines are coming from top to bottom.
You need to have :
ChartStyle = 0
Secretary = ""

in the setting.asp to draw this type of chart.

Standard

Full Chart

You can view the chart in "Full display" format. In this view all the chart elements can be displayed by simply clicking on the expand/collapse icon.
You have the option to put the picture of your employee in the chart.

Have a look into the Stylesheet Section.



Full Chart

3 Levels Display

The "3 Level" display format, allows you to view up to 3 levels of the chart at a time, i.e. if you click on any supervisor’s icon on level 3, level 1 is replaced by level 3 and you can see the other levels of the chart. You can view the Chart in 3 Levels display if you click on "3 Level" icon on the top of the page.

Have a look into the Stylesheet Section.



3 Levels

Matrix display

The "Matrix display" format is used to view up to 3 levels of the chart at a time. Level 3 is displayed differently (vertical) compared to "3 Level" display. If you click on any supervisor’s icon on level 3, level 1 is replaced by level 3 and you can see the other levels of the chart. You can view the Chart in Matrix display if you click on "Matrix" icon on the top of the page.

Have a look into the Stylesheet Section.

Have a look into the Stylesheet Section.


Matrix display

Support Secretary Style

Like standard style the drawing lines are coming from top to bottom except for the secretary which is coming from right to left.
If you want to use the chart having the secretary type display, you need to have this field in your database. We have similar field called Secretary in our sample database.
To be able to update this field from the admin mode, you need to include this field in your setting.asp and in the arrProperties parameter. (We have that in our setting.asp page)
Since this is the Boolean field, you can either have the true or false value for the update.

You need to have :
ChartStyle = 0
Secretary = "Secretary"

in the setting.asp to draw this type of chart.

Support Secretary Style

Ladder format

The lines are coming from left to right.
You need to have :
ChartStyle = 1
Secretary = ""

in the setting.asp to draw this type of chart.

Ladder format

Multiple Category Style 1

You can divide employee to different category like: E for employee, C for Contractor.
You can set the background color of each category frame to the color that you would like.
You need to have :
Category = "Category" (Database Field Name. You need to have the field called Category in your database to use this style.)
ReDim arrCategory(1, 1)
arrCategory(0, 0) = "E" (Defines the first Category. You need to have the data value of E in the Category field in your database.)
arrCategory(0, 1) = "Green" (Define the back ground color of Green)
arrCategory(1, 0) = "C" (Defines the second Category. You need to have the data value of C in the Category field in your database.)
arrCategory(1, 1) = "Red" (Define the back ground color of Red)
in the setting.asp to draw this type of chart.

Where arrCategory is 2 dimensional array. First element defines the maximum number of the category minus 1.
The second element of the array is always 1. It defines the back ground color of the Category. In the above example we have only two different Category. Employee (E) and Contractor (C). We want the Green back ground color for Employee and Red for Contractor.
Category 1

Multiple Category Style 2

Similar to Multiple Category Style 1 plus you can also define the dotted frame border for any category.
You need to have :
Category = "Category" (Database Field Name. You need to have the field called Category in your database to use this style.)
ReDim arrCategory(1, 2)
arrCategory(0, 0) = "E" (Defines the first Category. You need to have the data value of E in the Category field in your database.)
arrCategory(0, 1) = "Green" (Defines the back ground color of Green)
arrCategory(0, 2) = 0 (Defines normal border frame)
arrCategory(1, 0) = "C" (Defines the second Category. You need to have the data value of C in the Category field in your database.)
arrCategory(1, 1) = "Red" (Defines the back ground color of Red)
arrCategory(1, 2) = 1 (Defines dotted border frame)
in the setting.asp to draw this type of chart.

Where arrCategory is 2 dimensional array. First element defines the maximum number of the category minus 1.
The second element of the array is always 2. It defines the back ground color of the Category plus the frame border. In the above example we have only two different Category. Employee (E) and Contractor (C). We want the Green back ground color for Employee and Red for Contractor. For the contractor we want to have dotted frame border
Category 2

Different Tree style

There are 2 available tree styles in this version.
Standard format

When you start the chart, the tree is in the collapse mode. You need to click on the + sign to expand each node.
You need to set the following property of the Chart object to false :
DisplayAll = false (Default is standard format)
to view this type of tree.

Standard

Expanded format

When you start the chart, the tree is in the expanded mode.
You need to set the following property of the Chart object to true :
DisplayAll = true
to view this type of tree.


Expanded

Display Legend

You can display the Legend of the chart at the end of this frame.
You need to set the following setting in the setting.asp to 1 :
Legend = 1
to view the Legend.


Legend

Display HeadCount

You can also display the Heand Count of the chart at the end of this frame.
You need to set the following setting in the setting.asp to 1 :
HeadCount = 1
to view the Legend.


HeadCount

Administrative Functions

Administrative tasks such as adding, update and delete an employee information can be accomplished by using the administration panel exposed by Manager.asp. (You can not update or delete when you are attaching to the recordset). To be in the admin mode, call Manager.asp and enter the password. The default system password is Manager however it can be changed using the Manager.asp page.

After entering the password and getting the chart, you can click on the edit icon to add, update or delete any employee information. From the edit.asp page, type the proper employee information, select the proper transaction from the Command option control, and click on the Submit button. Records for new employees are inserted immediately following the previously selected record.

If you want to use the chart having the secretary type display, you need to have this field in your database. We have similar field called Secretary in our sample database.
To be able to update this field from the admin mode, you need to include this field in your setting.asp and in the arrProperties parameter. (We have that in our setting.asp page)
Since this is the Boolean field, you can either have the true or false value for the update.

 

Search Employee

Searching functionality is also exposed by Weborgchart. Simply, from default.htm page click the Search Employee link. Enter the name of the employee in the search page and click enter. You will get the list of employees having the same name. If you click on each employee in the searched list you can browse the chart from that employee.

Search Employee
Results

Advanced Topics (Using Stylesheet)

For each node both XSL transformation scripts (structure and matrix) displays the information from the source XML.

Each node is described by a single < ROW…> tag, any specific node attributes are presented as < ROW…> XML attribute, e.g. .

Both XSL transformation scripts have a special template named "RenderNodeCell". (Look at the stylesheet file)

< xsl:template nasme=”RenderNodeCell”>
< xsl:param name=”node”/>
< xsl:param name=”level”/>
< xsl:attribute name=”class”>
...
< xsl:value-of select=”$node/@{Field0}”/>< br/>
< img>
< xsl:attribute name=”src”>< xsl:value-of
select=”local:getPicture(string($node/@{Field6}))”/>
< /xsl:attribute>
< /img>< br/>
< xsl:value-of select=”$node/@{Field1}”/>< br/>
< xsl:value-of select=”$node/@{Field2}”/>< br/>
< xsl:value-of select=”$node/@{Field7}”/>< br/>
...
< /div>
< /xsl:template>

The template is called whenever the transformation is rendering a cell content to the HTML. In order to add or remove fields to be displayed inside the chart information box the RenderNodeCell template has to be modified along with the schema of the database.

Implicit and Custom XSL Functions
Some of the functions already existent in the XSL files are used for implicit calls to the generated XML file which is retrieved from the database.

i.e.:
The function getEmailAddress() is used to retrieve the node where email address information is contained. The context of this function can be customized. The sample of a node retrieved in XML format from the database would be:
Database stored value:

sales@aasoftech.com

XML format retrieved from WebOrgChart:

< Email >
< ![CDATA[sales@aasoftech.com]]>
< /Email>
In order to capture it, we use the following function:
function getEmailAddress(strMailto)

{
var re = new RegExp("’mailto:(.*)’","i");
var arr = re.exec(strMailto);
if(arr != null)
return arr[1];
return ‘’;
}
However this function can be modified according to your database field format to either retrieve entire HTML tags stored in the database or retrieve only the email address and build the tags back in the XSL file. The same concept can be used with other functions such as getPicture() which is used to return the relative location including the HTML tag of the employee picture.
function getPicture(strUrl)
{
var re = new RegExp("src=’(.*)’","i");
var arr = re.exec(strUrl);
if(arr != null)
return arr[1];
return ‘’;
}
Furthermore, there is the toggleLevel() function which handles the behavior and appearance of the
navigation
function toggleLevel(img, el1, el2)
{
if (el1.style.display == ‘none’)
{
img.src = ‘images/newup.gif’;
el1.style.display="block";
el2.style.display="block";
}
else
{
img.src = ‘images/newdown.gif’;
el1.style.display="none";
el2.style.display="none";
}
}
The toggle level will also be dictated by the type of chart schema in currently loaded (3 level or matrix).

Application setup

  1. Unzip the file WebOrgChart.Zip.
  2. Run the setup.exe program.
  3. From the browser start one of the following address:
      http://localhost/weborgchart/default.htm (for the main menu) where localhost is your server name
      http://localhost/weborgchart/default.asp (for the main page) where localhost is your server name
      http://localhost/weborgchart/FullChart.asp?MID=1 (for the displaying the full chart page) where localhost is your server name and MID=1 means starts from ManagerID = 1
      http://localhost/weborgchart/3LevelChart.asp?MID=1 (for the main page) where localhost is your server name and MID=1 means starts from ManagerID = 1
      http://localhost/weborgchart/MatrixChart.asp?MID=1 (for the main page) where localhost is your server name and MID=1 means starts from ManagerID = 1
      http://localhost/weborgchart/Manager.asp (for the admin page) where localhost is your server name and MID=1 means starts from ManagerID = 1
      http://localhost/weborgchart/WebOrgChart.htm (for the documentation) where localhost is your server name and MID=1 means starts from ManagerID = 1
      Read Frequently Asked Questions, should you find any problem.

What customers can do to tailor Organization Chart to their specific requirements

Since each customer may require different enhancements or modifications, WebOrgChart is designed so that it can be individually customized .

It is easy to link the chart frame page to any other HR asp page that you might have in your organization.

Web Organization chart can be used as a plug in to your current HR application by linking to your HR table.

Within the Orgchart application, there are many places where you can customize the chart display.

Sample1.asp's sample code shows how you can display the chart on the web by passing the info from a different location than tree.asp. In this sample, the chart.asp is linked to one simple HR table or view.

You can build your own link from your own tables to the chart.asp page.

To perform other modifications to the WebOrgChart, contact AASOFTECH or email at: support@aasoftech.com .

If you look at any of the following pages you will notice you can call these pages directly yourself without using the Web Organization Chart navigation flow.

Tree.asp
Chart.asp (You only need to pass the Manager ID in the QueryString Format)
FullChart.asp (You only need to pass the Manager ID in the QueryString Format)
MatrixChart.asp (You only need to pass the Manager ID in the QueryString Format)
3LevelChart.asp (You only need to pass the Manager ID in the QueryString Format)

How to uninstall the Organization program

If you have installed the application using Express setup

  1. Start the control panel.
  2. Start Add/Remove program.
  3. Select "Web Organization Chart".
  4. Click on the Remove push button.

Requirements for using Organization program

You need to have:

Microsoft Internet Explorer version 4.0 or higher on the client machines.
Microsoft Windows NT on the server with IIS 4.0 installed.
VB 6.0 dependency files.
MSXML 3.0 or higher.
HR database and table or recordset in your system.

How to print the Organization Chart

After you create the chart, you can print it. From the menu bar, click on File and then click on Print to print the chart. You can create the chart either using chart.asp or allchart.asp.

Frequently Asked Questions

Q: I have downloaded and set up the Web Org. chart Trial version on my IIS server. When I try to start it on my local development server, I get a Type mismatch error:

A: You have to create the File DSN (not the System DSN) and correctly point it to the chart.mdb file. Perform the following sequence:
From the Start Menu, open your control panel
Click on ODBC data source.
If you have already created a System DSN, click on the System DSN tab , select the file and click on the Remove button.
Click on the DSN tab.
Click on the Add button,
Select "Microsoft Access Driver" and click on Next.
Type "Chart"; and click on Next.
Click on Finish.
Click on the Select button.
Find Chart.Mdb and click OK.
Open your Setting.asp page
Change the following line from:
GetConnectionString = "dsn=chart"
To:
GetConnectionString = "Filedsn=chart"
Save the page.
Close your browser.
Stop IIS.
Start IIS.
Start your browser.

Q: I have created the DSN. I still get Type mismatched.

A: The problem is that you can not connect to the database. There is a asp page coming with the product called TestConnection.asp. Modify the dsn in this asp page and try to run it. Any dsn (filedsn, system dsn or dsnless connection string) defined in this page can be used in the setting.asp.

If TestConnection is not working with any dsn, use one of the dsn that you use in other application and try that one. If that one is not working then update your ADODB from Microsoft site for free. This is the URL: http://www.microsoft.com/data/download.htm

Q: What are the new features in version 2.3.3

You can:
Update the chart from the web using the admin utility (Manager.asp).
Format the chart frame screen (change the font, background color, foreground color and a lot more) using Chart setting page.
View an employee's photo from the view frame.
Browse and print the whole chart.
Filter to view part of the chart.
Have 8 different chart styles plus 2 different tree styles.
Search the employee.

Q: What are the new features in version 2.4

You can:
Can display multi level display chart.
Can display 3 Level display chart.
Can display Chart in Matrix format.
Can display Multi chart from your XML data.
Can display 3 Level chart from your XML data.
Can display Matrix Chart from your XML data.
Multi level and 3 level display chart can be easily customized by either yourself or us.
Version 2.4 uses Stylesheet to display Full display, Multi level, 3 level display. For more information about how to set your data fields in the stylesheet have a look at the stylesheet document

Q: Who should we contact?

Contact AASoftech at sales@aasoftech.com (for order or trial version) or support@aasoftech.com (for technical support) for any more information or go to:
http://www.aasoftech.com.

Or mail us at:

AASoftech Inc.
1909 Baton Drive
Vienna, VA 22182
USA

Custom setup

Install VB 6.0 dependency files

Web Organization Chart Installed files

  • You should see following files there:

  • Component/Orgchart.DLL: This is the DLL used in the application
  • Default.htm: This is the startup .htm page to display the link to all aother asps and help file.
  • Default.asp: This is the startup .asp page to display the tree and chart frame.
  • Tree.asp: This displays the chart in the format asp page.
  • Chart.asp: This displays the chart for each supervisor (manager)
  • FullChart.asp: This is the startup .asp page to display multi level chart.
  • 3LevelChart.asp: This is the startup .asp page to display up to 3 level chart.
  • MatrixChart.asp: This is the startup .asp page to display the chart in Matrix format.
  • ChkPWD.asp: This page is used to check the Manager password for accessing the admin (edit.asp page) utility.
  • Edit.asp: This page is used by the admin to edit employee's information.
  • View.asp: This page is used to display personal information as well as employees' photos.
  • Error.asp: This page is used by other asp pages to display any errors.
  • Manager.asp: This is the entry page for the admin to enter the admin password.
  • Proceed.asp: This page is used internally by the other asp page.
  • Refresh.asp: This page is used internally by the other asp page.
  • Setting.asp: This is an entry place to change or modify any setting like database name, table name, fields, etc..
  • Treecmd.asp: This page is used internally by the other asp page.
  • AllDefault.asp: This page is used to display the tree.asp and the allchart.asp page.
  • AllChart.asp: This page is similar to chart.asp except that it displays the rest of the chart starting with the supervisor selected by tree.asp.
  • VerticalChart.asp: This page is similar to tree.asp except that it displays the employee information in the frame format.
  • Sample1.asp: Sample page to display how you can use another table to link to chart.asp
  • ListView.asp: sample page related to the Sample1.asp example.
  • Images/Edit.gif
  • Images/Plusb.gif
  • Images/minustb.gif
  • Images/back.gif
  • Images/linetb.gif
  • Images/linet.gif
  • A lot of other gif files.
  • WebOrgChart.htm
  • Database/Chart.MDB sample HR database
  • Database/Chart.dsn sample ODBC DSN.

ASSIGNING A DATA SOURCE NAME (File DSN) FOR THE OrgChart DATABASE

Although the database that you use to get HR information can reside anywhere, you'll need to set up a data source name with ODBC on the system where the database is located. If you are using the example database (chart.mdb) and default File DSN (chart), follow the directions below.

  1. Run the ODBC Data Source Administrator found in the Control Panel [Start/Settings/Control Panel and then select the 32bit ODBC icon].
  2. Select the File DSN tab and click the Add button.
  3. A list of ODBC drivers will be displayed. Highlight the 'Microsoft Access Driver (*.mdb)' line and click the Finish button.
  4. In the Data Source Name text field, type 'chart'
  5. Click the Select button and browse to the Database directory. Select the file 'Chart.mdb'.
  6. Click the OK button to complete the ODBC registration.

If you need to change the DSN (and/or the database), assign a new DSN (and/or database) and restart the asp pages.

IMPORTANT NOTE:
With some systems, you may have to reboot your operating system in order for the changes to take place. Not having your system recognize a change in DSN (and/or database) assignment is the most common source of error.

If you choose a different Data Source Name than the default of "Chart", you'll need to set the DSN property to the value of your new Data Source Name. Simply set the DSN property in your asp host file:

GetConnectionString = "dsn=chart"

While the ODBC property value for a SQL Server DSNcouldbe:

GetConnectionString="DSN=DSNChart;UID=MyUserID;PASSWORD=MyPassword;"

You can basically treat the DSN property as any ADO Connection String. This means that you can use Native Providers as well as ODBC Providers, which may speed your OrgChart connection up quite significantly. The native OLEDB provider for Access is:

GetConnectionString = "Provider=Microsoft.Jet.OLEDB.3.51; Data Source=c:\Database\Chart.mdb"

A typical Native Provider connection string for SQL Server is:

GetConnectionString = "Provider=SQLOLEDB; Data Source=DSNChart; Initial Catalog=DBcat; UID=MyUserID; PASSWORD=MyPassword;"

In case you still can not connect to the database, there is a asp page coming with the product called TestConnection.asp. Modify the dsn in this asp page and try to run it. Any dsn (filedsn, system dsn or dsnless connection string) defined in this page can be used in the setting.asp. If TestConnection is not working with any dsn, use one of the dsn that you use in other application and try that one. If that one is not working then update your ADODB from Microsoft site for free. This is the URL: http://www.microsoft.com/data/download.htm

MODIFY Setting.asp

Setting.asp is the place where chart settings can be individually customized. Setting.asp is included in all other asp pages.

The settings that must be changed are indicated in italics below.

  • sTableName = "ReportTable" Enter the name of your HR (organization) table
  • GetConnectionString = "Filedsn=chart" 'Enter the DSN-less Connection String or the File DSN that you want to use. In this example, chart is the DSN that is identified to connect to the database.
  • sChildField = "ORG_ID" ' Enter employee ID here. Employee ID should exist in the table that you have identified
  • sParentField = "MGR_ID" 'Enter employee ID here. Employee ID should exist in the table that you have identified
  • OrderField = "Name" 'Enter the field that you would like to order the chart.
  • redim arrProperties(2) 'Redim to the number of items that you want to view in the chart MINUS 1. If you want to see phone number and title which are two items then type 1 which is 2 minus 1
  • arrProperties(0) = "Name" 'Field name in the HRTable that you want to display in the chart
  • arrProperties(1) = "Job Title" 'Another field name in the HRTable that you want to display in the chart
  • arrProperties(2) = "Dept Name" 'Another field name in the HRTable that you want to display in the chart
  • redim arrTreeFieldName(0) 'Redim to the number of items that you want to view in the tree MINUS 1. If you want to see Name which is one item then type 0 which is 1 minus 1.
  • arrTreeFieldName(0) = "Name" 'Field name in the HRTable that you want to display in the tree.

Orgchart advance setting

The following are new settings that you can customize in the Orgchart. These settings relate to formatting the chart within the chart frame.

  • Screenwidth: This is the width of the screen in the chart.
  • SupervisorFrameHeight:This is the height of your supervisor frame in the chart.
  • SupervisorFrameWidth:This is the width of your supervisor frame in the chart.
  • EmployeeHeight:This is the height of your employee frame in the chart.
  • EmployeeWidth:This is the width of your employee frame in the chart.
  • EmployeeHSpace:This is the space between each employee frame.
  • SupFrameborder:This is the width of the Supervisor frame border.
  • SupFrameBackColor:This is the background color of the Supervisor frame.
  • EmpFrameBackColor:This is the background color of the Employee frame.
  • SupBorderIsOutSet:This is the boolean (true / false) value to define if the Supervisor border style is outset.
  • EmpBorderIsOutSet:This is the boolean (true / false) value to define if the Employee border style is outset.
  • SupervisorFont:This is the font of Supervisor frame.
  • EmployeeFont:This is the font of Employee frame.
  • SupervisorFontSize:This is the font size of Supervisor frame.
  • EmployeeFontSize:This is the font size of Employee frame.
  • WhereField:This is the existing field within your database that is used for filtering. An example would be WhereField = "[Dept Name]" in our sample database.
  • WhereValue:This is the value for the filtered field. An example would be 'HR' as the filter value for [Dept Name] in our sample database.
  • For more information have a look at How to create the filter to view part of the chart.
  • Category:(Optional) Field name in the HRTable to define different Category.
  • arrCategory:(Required if you have defined Category) For more information read Multiple Category Style 1 and Multiple Category Style 2 section.
  • ChartStyle:0for standard and 1 for ladder format. For more information read Different Chart Style section.
  • Secretary:(Optional) Boolean Field name in the HRTable to define Secretary field
  • Legend:(Optional) Field to display the Legend. "1" means to display the legend.
  • HeadCount:(Optional) Field to display the Head count. "1" means to display the Head count.

How to create the filter to view part of the chart

From the Web Organization Chart version 2.3.1, you can create the filter to view just the portion of the chart that you have filtered. The filter can be used by the company that wants each department to view their own department. You can define the filter field as (WhereField variable in the setting.asp). You can also define the filter value as (WhereValue field in the setting.asp) to identify which portion of the chart you would like to see. For example, if you would like to view only the HR portion of the organization, you need to define the WhereField as [Dept Name] and the wherevalue as 'HR'. In this scenario the chart is viewed only for HR department. Remember the [Dept Name] must be one of the valid fields in your table. On the other hand, if you would like to view the Canada section of your orgchart you need to define the WhereField as Section and the WhereValue as Canada, and so forth.
The following two fields are used as the filter field. If both of them are used, the program creates the filter for that criteria.

WhereField:
This must be one of the valid fields in the database. It is the filter field that can be used in the application to view the chart by adding the filter value for that field. You can use this field with the WhereValue parameter.

WhereValue:
This is the filter value for WhereField.
For example:
If
WhereField:="[Dept Name]" And
WhereValue="'HR'"
That means that the chart is filtered and displays only the employee whose [Dept Name] = "'HR'"

START Default.asp

All employees can use the system by clicking on default.asp

From your browser point to OrgChart.asp and start it. (For instance: http://localhost/WebOrgchart/Default.asp)

Admin users can start the system using manager.asp. (For instance: http://localhost/WebOrgchart/Manager.asp)

How to migrate from version 1.0 to Version 2.x

  1. Close all the browsers.
  2. Unregister orgchart.dll
    Regsvr32.exe /u [Full path of the dll]\Orgchart.DLL
  3. Run the setup.exe

Contact us

AASoftech Inc.
1909 Baton Drive
Vienna, VA 22182
http://www.aasoftech.com
Tel: 703-938-4608

 

 

 
 
 
 
 
 

 

 For each node both XSL transformation scripts (structure and matrix) displays the information from the source XML. Each node is described by a single tag, any specific node attributes are presented as XML attribute, e.g. . Both XSL transformation scripts have a special template named "RenderNodeCell". If is defined as follows: ... 

This template is called whenever the transformation is rendering a cell content to the HTML. In order to add or remove fields to be displayed inside the chart information box the RenderNodeCell template has to be modified along with the schema of the database and Web.Config (this is shown in the following section).

 

 

Orgchart.DLL Public methods

BuildTree (ManagerID as Variant)

Creates the tree chart starting with the Manager ID passing to the method. Tree.asp uses this method to display the tree chart.

BuildChart (ManagerID as Variant)

Creates the chart of the supervisor (manager) having the Manager ID as his key and of all the employees associated with that supervisor. Chart.asp uses this method.

BuildAllChart (ManagerID as Variant)

Creates all the charts starting with the supervisor (manager) having the Manager ID as his key and of all the employees associated with that supervisor. It then creates the chart of the other employees who are working for this supervisor if they are also the supervisor of the others, AllChart.asp uses this method.

BuildEdit (EmpID as Variant)

Displays the employee information in edit format so that the Admin person can change the data.

BuildView (EmpID as Variant)

Displays the employee information as well as employee's photo as read only.

IsManager (EmpID as Variant)

Returns true or false if the employee is a manager or not.

Proceed ()

Saves the information entered in the edit.asp page.

GetALLXMLChart(nOrgID)

Returns the all the employees data from the database in the XML format.

Get3LXMLChart

Returns 3 levels employees data from the database in the XML format.

Orgchart.DLL Public properties

You can either change the setting.asp to use your own setting or modify the public method on any page that you want to use or create by your own. For more information about the following properties, you can also review the modify setting.asp and Orgchart advance setting section.

ArrProperties as variant

Name of the variant array that contains all the information that you would like to display in the chart.asp or allchart.asp page. When you redimension this array you must redimension to the number of properties that you want to display minus one, since the array starts from dimension zero.

You also need to fill each array with the field name that you want to display. For instance:

ArrProperties(0) = Name

ArrProperties(1) = Title

ArrProperties(2) = Phone

In the above sample you must redimension the array to 2 like:

Redim ArrProperties(2)

TableName as string

Name of the HR table that you want to use.

ChildField as string

EmployeeID field that is used within the application.

ParentField as string

SupervisorID field that is used within the application.

ArrTreeFieldName as one dimensional variant

The one dimensional array that contain one field. This field is the field that you want to display in the tree frame.

ConnectionString as string

Enter the DSN-less Connection String or the File DSN that you want to use.

Screenwidth as integer

This is the width of the screen in the chart.

SupervisorFrameHeight as integer

This is the height of your supervisor frame in the chart.

SupervisorFrameWidth as integer

This is the width of your supervisor frame in the chart.

EmployeeHeight as integer

This is the height of your employee frame in the chart.

EmployeeWidth as integer

This is the width of your employee frame in the chart.

EmployeeHSpace as integer

This is the space between each employee frame.

SupFrameBackColor as string

This is the background color of the Supervisor frame.

EmpFrameBackColor as string

This is the background color of the Employee frame.

SupBorderIsOutSet as boolean

This is the boolean (true / false) value to define if the Supervisor border style is outset.

EmpBorderIsOutSet as boolean

This is the boolean (true / false) value to define if the Employee border style is outset.

SupervisorFont as string

This is the font of Supervisor frame.

EmployeeFont as string

This is the font of Employee frame.

SupervisorFontSize as integer

This is the font size of Supervisor frame.

EmployeeFontSize as integer

This is the font size of Employee frame.

License agreement

IMPORTANT: You must read this License Agreement and click the "I AGREE" button at the bottom of this page in order to download the Web Organization Chart Software.

Please read this License Agreement carefully. This is a legal agreement between you and AASoftech, Inc ("AASoftech").

By downloading or using the Web Organization Chart Software ("Software"), you are agreeing to become bound by the terms and conditions of this License Agreement, including the software license and disclaimer of software warranty contained in this License Agreement.

This License Agreement represents the entire and sole agreement concerning the Software, and it (i) supersedes any prior proposal, representation or understanding regarding the Software between you and AASoftech or any other party, and (ii) prevails over any conflicting or additional terms of any quote, order, acknowledgment, or similar communication between the parties. If you are not willing to be bound by the terms of this License Agreement, please do not download or use this Software.

TERMS AND CONDITIONS OF AASOFTECH LICENSE

1.GRANT OF LICENSE

AASoftech hereby grants to you a nonexclusive, nontransferrable license ("License") to use and operate the Software, in object code form only, solely in accordance with the terms of this License Agreement. For purposes of this License Agreement, "Software" means a single object code computer program package, and all related upgrades and permitted copies thereof.

2.RESTRICTIONS

(a) The Software may be used only on a SINGLE COMPUTER.
(b) The Software may only be used within your own organization.
(c) One copy of the Software may be made in machine-readable form for back-up purposes.
(d) You shall not attempt to modify, decompile or disassemble the Software, or otherwise generate, use or reverse engineer any Software source code.

3.OWNERSHIP OF SOFTWARE

You agree and acknowledge that AASoftech have and will retain all title, interest, copyrights and other proprietary rights in and to the Software, including translations or compilations or partial copies, modifications and updated works, and that you shall not obtain title to the Software and will obtain only such rights to use the Software as are expressly provided herein. This License Agreement is not a sale of the Software or any copy or upgrade thereof.

4.COPYRIGHT NOTICES

This Software and any Upgrades are protected by U.S. Copyright Law and International Treaties. You shall not remove any copyright or proprietary rights notice included in or on the Software, and shall reproduce such notices on any copies of the Software or portions thereof that you may make, regardless of the form of the copies.

5.UPGRADES

Any Software Upgrades released within two (2) years of your license of the Software will be provided for free by AASoftech. All terms and conditions of this License Agreement apply to any free Upgrade provided by AASoftech.

6.TRANSFER RESTRICTIONS

The License to the software granted to you hereunder is personal, and you may not assign, sublicense, lease or otherwise transfer your rights or obligations under the License. Any assignment of the rights or obligations made (or attempted) by you shall be void and of no force or effect.

7.TERMINATION

If you fail to fulfill any of your material obligations under this License Agreement, AASoftech may, at any time thereafter, and in addition to any other available remedies, terminate this License Agreement and all licenses and rights granted to you under this License Agreement. You shall within thirty (30) days after termination, render unusable all Software placed in any storage apparatus.

8.MISCELLANEOUS

(a) No waiver, alteration, modification, or cancellation of any of the provisions of this License Agreement shall be binding unless made in writing and signed by an authorized representative of AASoftech and you.
(b) If any provision of this Agreement is held to be invalid illegal, or unenforceable, the validity, legality and enforceability of the remaining provisions will not be in any way affected or impaired thereby.
(c) The failure of either party at any time to require performance of any provision hereof shall in no manner affect its right at a later time to enforce such provision.
(d) This License Agreement shall be governed by and interpreted in accordance with the laws of the Commonwealth of Virginia, without regard to its choice of law rules.

9.NO WARRANTIES OR LIABILITIES

(a) This Software is provided to you "AS IS." You expressly acknowledge and agree that use of the software is AT YOUR OWN RISK. AASoftech does not warrant that the operation of the Software will be uninterrupted or error free. (b) AASOFTECH DISCLAIMS ALL WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.

10.LIMITATION OF LIABILITY

IN NO EVENT SHALL AASOFTECH BE LIABLE TO YOU FOR ANY SPECIAL, INCONSEQUENTIAL, INCIDENTAL OR INDIRECT DAMAGES OF ANY KIND (INCLUDING WITHOUT LIMITATION LOSS OF PROFITS OR DATA AND PERSONAL INJURY), ARISING OUT OF OR IN CONNECTION WITH THIS LICENSE OR THE USE OF THE SOFTWARE, WHETHER OR NOT AASOFTECH HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH LOSS.