v7.3.0
SupportExamplesFree Trial

What's new in Scheduler Pro v4.0.0+

Scheduler Pro v4.2.4

Creation of new events is now prevented on non working time blocks

Scheduler Pro now better respects your non-working time ranges, meaning no event will be created:

  1. …when you double click to create events
  2. …when you initiate drag create
  3. …when you right click to show the schedule menu

on a non working time block (as defined by the resource calendar or project calendar).

Scheduler Pro v4.2.5

Using Bryntum Scheduler Pro ProjectModel with Node.js

Bryntum Scheduler Pro now contain compatible Modules and CommonJS bundles that include ProjectModel and other required classes but no UI.

Bundle Description
schedulerpro.node.cjs Node.js bundle in CommonJS format
schedulerpro.node.mjs Node.js bundle in Modules format

Please check Node.js Integration Guide for the details.

Scheduler Pro v4.3.0

Changes to TimeAxisColumn

TimeAxisColumn now subclasses WidgetColumn (before it was a Column), this should not affect your code. This opens up for rendering widgets embedded in row cells, see this demonstrated in embedded-chart demo.

columns : [
    // A column using a custom render to display an icon + text
    {
        type    : 'timeAxis',
        widgets : [
            { type : 'chartjslinechart' }
        ],
        renderer({ record, cellElement, grid: gantt, widgets }) {
            // populate the chart widget
        }
    }
]

New demo showing how to embed a chart into row cells of the time axis section

We added a new cool demo showing how to render a 3rd party charting widget (Chart.js) in the grid cells of the time axis section. This is demonstrated in the new embedded-chart demo.

Support for resource grouping in the histogram

The histogram now supports resource grouping. It collects resources info and displays the aggregated allocation on the group level.

Please note that GroupSummary feature is still not supported (subscribe to this ticket to stay informed).

New demo showing how to group events and use custom layout function

We added a new demo showing how to group events inside a resource row or position them manually. Please refer to the custom-layouts demo.

// Use field to group events
new SchedulerPro({
    eventLayout : {
        groupBy : 'priority'
    }
})

// position events manually
new SchedulerPro({
    eventLayout : {
        layoutFn : items => {
            // put event to random top position
            items.forEach(item => {
                item.top = Math.random() * 50;
            });

            // return row height
            return 100;
        }
    }
})

Contents