Get/Set the text alignment (when progress is set this is always left).

Get/Set the text color for the annotation of the Node body.

Get/Set the annotation field for the Node body.

Get/Set anti alias for the Bean.

Get/Set the background color.

Get/Set dataEditingEnabled to enable all data editing/creating.

Get/Set the color of the dateline.

Set the diagram datescale header color.

Get/Set editLinksEnabled to enable editing links.

Get/Set editNewLinkEnabled to enable creating new links.

Get/Set editNewNodeEnabled to enable creating new nodes.

Get/Set editNodesEnabled to enable editing nodes.

Get/Set the foreground color.

Get/Set the type type (use the types in plugins.it2be_gantt).

Get/Set the color of the grid.

Get/Set the column name to group the nodes by.

Get/Set the layout of the group row (multiple rows, single row (with overlap) or single row optimized (no overlap).

When groups data are defined this property can be used to update summeries based on node start- and end date changes.

Get/Set the hierarchy color of the index nodes.

Also see JGantt ServoyClientSupport available at netronic.com.

Get/Set the date format for dates in the infoWindow (shown when moving nodes).

Get/Set the decimal format for decimal numbers in the infoWindow (shown when moving nodes).

Get/Set the label names (titles) in the infoWindow (shown when moving nodes).

Also see JGantt ServoyClientSupport available at netronic.com.

Get/Set the text alignment for the left annotation of the Node.

Get/Set the text color for the left annotation of the Node.

Get/Set the annotation field for the left annotation of the Node.

Get/Set the transparancy for all nodes (values between 128-255).

Get/Set the time in minutes by which a dragged node should be increased/decreased.

Get/Set nodeMoveMode to set node move mode (constants can be found in Plug-in).

Get/Set nodeResizeMode to set node resize mode (constants can be found in Plug-in).

Also see JGantt ServoyClientSupport available at netronic.com.

Get/Set the primary color of the nodes.

Get/Set the color of the progress bar in nodes.

// Get/Set the color of the progress bar in nodes.
// column values should be integer values between 0 and 100
elements.it2be_gantt.setNodeProgressColumn("progress");
elements.it2be_gantt.progressColor = "FFAAGG";
elements.it2be_gantt.showNodeProgress = true;

elements.it2be_gantt.refresh();

Get/Set the text alignment for the right annotation of the Node.

Get/Set the text color for the right annotation of the Node.

Get/Set the annotation field for the right annotation of the Node.

Get/Set the background color for all even rows.

Get/Set the background color for all group index rows.

This property sets or retrieves the height of a layer. Unit: 1/100 mm. (minimum 320)

Get/Set the background color for all odd rows.

Get/Set the secondary color of the nodes to create 3d effect.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Show the lower timescale.

Also see JGantt ServoyClientSupport available at netronic.com.

Get/Set the visibility of the progress bar in nodes.

// Get/Set the visibility of the progress bar in nodes.
// column values should be integer values between 0 and 100
elements.it2be_gantt.setNodeProgressColumn("progress");
elements.it2be_gantt.progressColor = "FFAAGG";
elements.it2be_gantt.showNodeProgress = true;

elements.it2be_gantt.refresh();

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Show the upper timescale.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Enable editing of data direct in the table rows.

Get/Set the color of the table header.

Get/Set the indentation in mm for the hierarchy column.

Get/Set the color of the table leaf node.

Get/Set the color of the table non leaf node.

Get/Set the color of the table row header.

Also see JGantt ServoyClientSupport available at netronic.com.

Get/Set the width of the table in percentage (1 = 100%) of the with of the bean.

Get/Set diagram timeScale header color.

Enable/disable the TimeScale popup .

Get/Set the width of the time units in the diagram (<= 1 is auto size).

Get/Set the timescale type (use the types in plugins.it2be_gantt).

Set the timescale to show in dynamic resolution (based on size).

Get/Set the transparency

Get/Set the visibility

Add an action to the popup menu.

// AFTER initializing the bean you can start adding actions to the popup menu
// The way to do this is to create a user action first
var userAction = elements.it2be_gantt.createUserAction("action 1", "action 1", null, onActionCalled, ["1"]);
// And now use the user action to create a popup menu
elements.it2be_gantt.addPopupAction(userAction);

Also see JGantt ServoyClientSupport available at netronic.com.

Add a button to the toolbar.

// AFTER initializing the bean you can start adding (toggle) buttons to the toolbar
// The way to do this is to create a user action first
var userAction = elements.it2be_gantt.createUserAction("action 2", "", "media:// /yourimage.gif", onActionCalled, ["2"]);
// And now use the user action to create a button and add it to the toolbar
elements.it2be_gantt.addToolbarButton(userAction);
// And now use the user action to create a toggle button and add it to the toolbar
elements.it2be_gantt.addToolbarToggleButton(userAction);

Add a toggle button to the toolbar.

// AFTER initializing the bean you can start adding (toggle) buttons to the toolbar
// The way to do this is to create a user action first
var userAction = elements.it2be_gantt.createUserAction("action 2", "", "media:// /yourimage.gif", onActionCalled, ["2"]);
// And now use the user action to create a button and add it to the toolbar
elements.it2be_gantt.addToolbarButton(userAction);
// And now use the user action to create a toggle button and add it to the toolbar
elements.it2be_gantt.addToolbarToggleButton(userAction);

Clear all actions from the popup menu.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Create a (user) action to be used to add to a toolbar button or popup action.

// Create a (user) action to be used to add to a toolbar button or popup action.
var userAction = elements.it2be_gantt.createUserAction("action 1", "action 1", null, onActionCalled, ["1"]);

Enable a popup action by action ID.

// AFTER initializing the bean you can start adding actions to the popup menu
// The way to do this is to create a user action first
var userAction = elements.it2be_gantt.createUserAction("action 1", "action 1", null, onActionCalled, ["1"]);
// And now use the user action to create a popup menu
elements.it2be_gantt.addPopupAction(userAction);

Enable a toolbar button by action ID.

// AFTER initializing the bean you can start adding (toggle) buttons to the toolbar
// The way to do this is to create a user action first
var userAction = elements.it2be_gantt.createUserAction("action 2", "", "media:// /yourimage.gif", onActionCalled, ["2"]);
// And now use the user action to create a button and add it to the toolbar
elements.it2be_gantt.addToolbarButton(userAction);
// And now use the user action to create a toggle button and add it to the toolbar
elements.it2be_gantt.addToolbarToggleButton(userAction);

Expand or collapse a group by the id of a child node (use optional 'expand' argument false to collapse).

Expand or collapse a node by id (use optional 'expand' argument false to collapse).

Get the formatting options for the center ribbon of the timescale (see sample).

// Get the formatting options for the upper ribbon of the timescale.
var upperPatterns = elements.it2be_gantt.getUpperRibbonTimescaleDateFormats();
for (var i = 0 ; i < upperPatterns.length ; i++) {
application.output(upperPatterns[i]);


// Set the formatting options for all three ribbons of the timescale.
var upperPatterns = ["MMMM yyyy","MMM yyyy","MMM yy","MM yy","M yy"];
var centerPatterns = ["EEEE dd.MM.","EE dd.MM.","dd.MM.","dd"];
var lowerPatterns = null;

elements.it2be_gantt.setTimeScaleRibbonsDateFormats(upperPatterns, centerPatterns, lowerPatterns);

Get the dateline refresh rate.

Get the height.

Get X location.

Get Y location.

Get the formatting options for the lower ribbon of the timescale (see sample).

// Get the formatting options for the upper ribbon of the timescale.
var upperPatterns = elements.it2be_gantt.getUpperRibbonTimescaleDateFormats();
for (var i = 0 ; i < upperPatterns.length ; i++) {
application.output(upperPatterns[i]);


// Set the formatting options for all three ribbons of the timescale.
var upperPatterns = ["MMMM yyyy","MMM yyyy","MMM yy","MM yy","M yy"];
var centerPatterns = ["EEEE dd.MM.","EE dd.MM.","dd.MM.","dd"];
var lowerPatterns = null;

elements.it2be_gantt.setTimeScaleRibbonsDateFormats(upperPatterns, centerPatterns, lowerPatterns);

Get name.

Find all actions of the popup menu.

Get the formatting options for the upper ribbon of the timescale (see sample).

// Get the formatting options for the upper ribbon of the timescale.
var upperPatterns = elements.it2be_gantt.getUpperRibbonTimescaleDateFormats();
for (var i = 0 ; i < upperPatterns.length ; i++) {
application.output(upperPatterns[i]);


// Set the formatting options for all three ribbons of the timescale.
var upperPatterns = ["MMMM yyyy","MMM yyyy","MMM yy","MM yy","M yy"];
var centerPatterns = ["EEEE dd.MM.","EE dd.MM.","dd.MM.","dd"];
var lowerPatterns = null;

elements.it2be_gantt.setTimeScaleRibbonsDateFormats(upperPatterns, centerPatterns, lowerPatterns);

Get the width.

Initialize all Gantt settings.

// Initialize all Gantt settings.
// Start creating the bean
// IMPORTANT All settings should be done before you initialize the bean

Also see JGantt ServoyClientSupport available at netronic.com.

Refresh the calendar (reloads and repaints everything).

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Remove links using an array of record id's.

Remove nodes using an array of record id's.

Remove a popup action by action ID.

// AFTER initializing the bean you can start adding actions to the popup menu
// The way to do this is to create a user action first
var userAction = elements.it2be_gantt.createUserAction("action 1", "action 1", null, onActionCalled, ["1"]);
// And now use the user action to create a popup menu
elements.it2be_gantt.addPopupAction(userAction);

Remove a toolbar button by action ID.

Also see JGantt ServoyClientSupport available at netronic.com.

Select links using an array of record id's (use optional 'select' argument false to unselect).

Select links using an array of record id's (use optional 'select' argument false to unselect).

Select nodes using an array of record id's (use optional 'select' argument false to unselect).

Select nodes using an array of record id's (use optional 'select' argument false to unselect).

Set the annotation object (IGAnnotation) for a node.

Get/Set the date range.

Set the method to execute at date range change.

Set the the column, values and colors for which colors should switch.

// Set the the column, values and colors for which colors should switch.
// Optionally it is possible to add a scheme for triggering different colors
// The first argument is the column name of the column that the values should be validated against
// The second argument is an array holding the actual values and the colors
var scheme = new Array();
scheme[0] = ["Bertha Smith", "#9999ff"];
scheme[1] = ["Cornelius Rosenberg", "#cc99ff"];
scheme[2] = ["Dolores Oftheimer", "#ff99cc"];
scheme[3] = ["Jan Aleman", "#ffff99"];
scheme[4] = ["Rufus Miller", "#99ff99"];
scheme[5] = ["Trainee", null];
elements.it2be_gantt.setDynamicNodeColors("resources", scheme);

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Set the method to execute after changing a Link.

Set the method to execute after changing a Link.

Set the method to execute after creating a Link.

Set the method to execute after deleting a Link .

Set the method to execute at link dragging (returns ID and values).

Add/create links by adding a DataSet (make sure the columns and datatypes are the same as used on load).

Set the method to execute after selecting a Link.

Set the method to execute before a Link is changed (return true to prevent it from happening).

Set the method to execute before a Link is changed (return true to prevent it from happening).

Set the method to execute before a Link is created (return true to prevent it from happening).

Set the method to execute before a Link is deleted (return true to prevent it from happening).

Also see JGantt ServoyClientSupport available at netronic.com.

Set the location.

Also see JGantt ServoyClientSupport available at netronic.com.

Set the method to execute after changing a node.

Set the method to execute after changing a node.

Set the method to execute after creating a node.

Set both start and end column names.

Set the method to execute after deleting a node.

Set the method to execute at node dragging (returns ID and values).

Can be used to set a combined (unique) key instead of the record id. This key will also be returned in all methods.

Set the name of the column that should be used to show the progress bar in a node.

// Set the name of the column that should be used to show the progress bar in a node.
// column values should be integer values between 0 and 100
elements.it2be_gantt.setNodeProgressColumn("progress");
elements.it2be_gantt.progressColor = "FFAAGG";
elements.it2be_gantt.showNodeProgress = true;

elements.it2be_gantt.refresh();

Add/create nodes by adding a DataSet (make sure the columns and datatypes are the same as used on load).

Set the method to execute after selecting a node.

Set the method to execute at a node mouseover to return the tooltip text.

Set the method to execute before a node is changed (return true to prevent it from happening).

Set the method to execute before a node is changed (return true to prevent it from happening).

Set the method to execute before a node is created (return true to prevent it from happening).

Set the method to execute before a node is deleted (return true to prevent it from happening).

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Set the on data changed callback method

Set the scale factor of the chart (1 = 100%).

Also see JGantt ServoyClientSupport available at netronic.com.

Also see JGantt ServoyClientSupport available at netronic.com.

Set the name of the columns that hold the capacity and load values.

Set the size.

Set the table headers.

// Set the table headers.
// You need to set the names of the columns (1) and the display names (2) of the columns you want to show,
// using an array as shown below
// The (optional) 2nd argument is to inform the bean what the (display) name is of the hierarchy column
// in the table that you want to use to show the expand/collapse icon in
// The (optional) 3rd argument is to inform the bean what indentation is used for the hierarchy column
var tableColumns = new Array();
tableColumns[0] = ["node_name", "Node"];
tableColumns[1] = ["start_date", "Start"];
tableColumns[2] = ["end_date", "End"];
tableColumns[3] = ["resources", "Resources"];
tableColumns[4] = ["hierarchy_code", "Hierarchy"];
elements.it2be_gantt.setTable(tableColumns, "Node", 2);

Set the table headers.

// Set the table headers.
// You need to set the names of the columns (1) and the display names (2) of the columns you want to show,
// using an array as shown below
// The (optional) 2nd argument is to inform the bean what the (display) name is of the hierarchy column
// in the table that you want to use to show the expand/collapse icon in
// The (optional) 3rd argument is to inform the bean what indentation is used for the hierarchy column
var tableColumns = new Array();
tableColumns[0] = ["node_name", "Node"];
tableColumns[1] = ["start_date", "Start"];
tableColumns[2] = ["end_date", "End"];
tableColumns[3] = ["resources", "Resources"];
tableColumns[4] = ["hierarchy_code", "Hierarchy"];
elements.it2be_gantt.setTable(tableColumns, "Node", 2);

Set the table headers.

// Set the table headers.
// You need to set the names of the columns (1) and the display names (2) of the columns you want to show,
// using an array as shown below
// The (optional) 2nd argument is to inform the bean what the (display) name is of the hierarchy column
// in the table that you want to use to show the expand/collapse icon in
// The (optional) 3rd argument is to inform the bean what indentation is used for the hierarchy column
var tableColumns = new Array();
tableColumns[0] = ["node_name", "Node"];
tableColumns[1] = ["start_date", "Start"];
tableColumns[2] = ["end_date", "End"];
tableColumns[3] = ["resources", "Resources"];
tableColumns[4] = ["hierarchy_code", "Hierarchy"];
elements.it2be_gantt.setTable(tableColumns, "Node", 2);

Also see JGantt ServoyClientSupport available at netronic.com.

Define how non-working times are collapsed (use Plug-in properties for the display mode, optionally downsize values 0.0 - 1.0).

Define how non-working times are collapsed (use Plug-in properties for the display mode, optionally downsize values 0.0 - 1.0).

Also see JGantt ServoyClientSupport available at netronic.com.

Set the formatting options for all three ribbons of the timescale (see sample).

// Get the formatting options for the upper ribbon of the timescale.
var upperPatterns = elements.it2be_gantt.getUpperRibbonTimescaleDateFormats();
for (var i = 0 ; i < upperPatterns.length ; i++) {
application.output(upperPatterns[i]);


// Set the formatting options for all three ribbons of the timescale.
var upperPatterns = ["MMMM yyyy","MMM yyyy","MMM yy","MM yy","M yy"];
var centerPatterns = ["EEEE dd.MM.","EE dd.MM.","dd.MM.","dd"];
var lowerPatterns = null;

elements.it2be_gantt.setTimeScaleRibbonsDateFormats(upperPatterns, centerPatterns, lowerPatterns);

Also see JGantt ServoyClientSupport available at netronic.com.