ILOG
Welcome, Guest | Sign In


Blogs | Forums | Worldwide sites | Contact us

title element1
Product Info
Features
Tutorial
Datasheet
Supported platforms
Technical Forum
Solutions
Customers
News & Events
Press releases
Trial & Purchase
Demos
Evals
Contact info
Using automatic layout for an organization chart  

This demonstration shows how ILOG Views Component Suite can be used to develop an organization-chart application. It uses several products of the suite:

  • ILOG Views Controls for standard dialog objects, with Application Framework for standard look-and-feel including MDI, dockable toolbars, customizable interface, split windows, and recent file list management.
  • ILOG Views 2D Graphics Professional, with a grapher that displays people and the connection between them. Other features of this product are used to manage user interactions, including overview and the magnifier.
  • ILOG Views Graph Layout for automatic arrangement of grapher objects (nodes and links).

Downloading and removing the demonstration
Please download the ZIP file (1.1 MB).

To remove the demonstration from your PC, delete the organi.exe and orgchart.org files.

No files will be left on your hard drive.

How to use the demonstration

The main window has four parts:

  • Menus and toolbars
  • Tree control, on the left upper part
  • Organization chart display, on the right
  • Overview, on the bottom left part

Tree control
You can click on a person in the tree control. This will select this person in the organization chart display and will make it visible if it is not already visible. You can click on the +/- to expand or collapse a branch of the tree.

Organization chart
You can click on a person to select them, also be selected in the tree. You can also move any person, and see that the connections will follow object movements. If you move the mouse around the border of this subwindow, the display will scroll slowly. If you press the mouse button, it scrolls quickly.

Overview
This view lets you see the whole organization chart in a small view. This is very useful when you have a complex chart that does not fit into the screen.
A red rectangle shows the visible part of the chart:

  • Use the left mouse button to move this rectangle, automatically updating the organization chart to display
  • Use the right mouse button to display a magnifier that lets you read the displayed information if it is too small

Menus and toolbars

  • Standard toolbar

  • This toolbar provides all the standard commands:

    • New - create a new chart
    • Open- open an existing chart
    • Save - save current chart
    • Save All - save all charts
    • Print
    • New Window
    • Next/Previous Window
    • Cascade
  • Editing toolbar

  • This toolbar contains standard editing commands:

    • Cut
    • Copy
    • Paste
    • Undo
    • Redo
  • Specific layout toolbar

  • Here are the commands for automatic layout of the organization chart:

    • Tip over layout mode - branches are arranged horizontally below the root
    • Bottom and alignment to left - nodes are moved below the root and aligned on the left of the root
    • Bottom and alignment to center - nodes are moved below the root and centered on the root position
    • Bottom and alignment to right - nodes are moved below the root and aligned on the right of the root
    Learn More
        Features  
        Charts  
        Maps  
        Graph Layout  
        Controls  
        Data Access  
        Gantt Chart  
         
    ILOG JViews Diagrammer
    (includes Graph Layout)
    ILOG JViews Maps
    ILOG JViews Gantt
    ILOG JViews Charts
    ILOG JViews Telecom Graphic Objects
    ILOG JViews Maps for Defense
    Customer Spotlight
       
         
     
     
    element3