Friday, October 21, 2016

Saturday, September 24, 2016

Org chart with mixed shapes and colors

GetOrgChart now supports misxed shapes and colors

Here is an example

and the code

        theme: "sara",
        color: "teal",
        dataSource: [
         { id: 1, parentId: null, Name: "Amber McKenzie"},
         { id: 2, parentId: 1, Name: "Ava Field"},
         { id: 3, parentId: 1, Name: "Evie Johnson"}],
              "2": {theme: "eve", color: "green"}

Mixed colors - online demo

Mixed hsapes - online demo

Monday, July 14, 2014

Keyboard Navigating in GetOrgChart

You can navigate in two dimensions in any GetOrgChart. To pan, do one of the following:

  • Click and drag the view
  • Press the up arrow on your keyboard to move north
  • Press the down arrow on your keyboard to move south
  • Press the right arrow on your keyboard to move east
  • Press the left arrow on your keyboard to move west
  • Additionally, you can zoom in or out pressing the + or - keys. Move the cursor over an area of the GetOrgChart and use the mouse scroll button to zoom in or out. 

Friday, April 11, 2014

Orientation and Layouts

GetOrgChart has eight orientation options

Online Demo









Wednesday, April 9, 2014

What's New in GetOrgChart 1.2

GetOrgChart 1.2 Release Notes

Improved: more orientation options

  • getOrgChart.RO_TOP_PARENT_LEFT
  • getOrgChart.RO_LEFT_PARENT_TOP
Added: clickEvent event - Called when the user clicks on a person box.

Added: renderBoxContentEvent event - Before the GetOrgChart can be rendered, each box in the control must be bound to a record in the data source. The renderBoxContentEvent event is raised when a data (represented by a GetOrgChart object) is bound to data in the GetOrgChart control. This enables you to provide an event-handling method that performs a custom routine, such as modifying the values of the data bound to the box or modifying the box html, whenever this event occurs.

Added: scale option - The scale factor determines what fraction of the entire scale is visible at one time.