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

    $("#people").getOrgChart({ 
        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"}],
        customize:{
              "2": {theme: "eve", color: "green"}
            }
    });


Mixed colors - online demo
http://www.getorgchart.com/Demos/Mixed-Colors


Mixed hsapes - online demo
http://www.getorgchart.com/Demos/Mixed-Shapes

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


getOrgChart.RO_TOP




getOrgChart.RO_BOTTOM



getOrgChart.RO_RIGHT




getOrgChart.RO_LEFT



getOrgChart.RO_TOP_PARENT_LEFT



getOrgChart.RO_BOTTOM_PARENT_LEFT



getOrgChart.RO_RIGHT_PARENT_TOP



getOrgChart.RO_LEFT_PARENT_TOP




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_BOTTOM_PARENT_LEFT
  • getOrgChart.RO_RIGHT_PARENT_TOP
  • 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.