SchedulerProEventRendering

Mixin

This config defines how to handle overlapping events. Valid values are:

• stack, adjusts row height (only horizontal)
• pack, adjusts event height
• mixed, allows two events to overlap, more packs (only vertical)
• none, allows events to overlap

In horizontal mode, the default value is stack, in vertical mode it is pack. You can also provide a configuration object accepted by ProHorizontalLayout to group events or even take control over the layout (i.e. vertical position and height):

To group events:

new SchedulerPro({
    eventLayout : {
        type    : 'stack',
        weights : {
            high   : 100,
            normal : 150,
            low    : 200
        },
        groupBy : 'prio'
    }
});

To take control over the layout:

new SchedulerPro({
    eventLayout : {
        layoutFn : items => {
            items.forEach(item => {
                item.top = 100 * Math.random();
                item.height = 100 * Math.random();
            });

            return 100;
        }
    }
});

For more info on grouping and layout please refer to ProHorizontalLayout doc article.

Has a corresponding runtime eventLayout property.