ProHorizontalLayoutStack

Handles layout of events within a row (resource) in horizontal mode. When multiple events overlap in time, this layout stacks them vertically by increasing the row height so that each event retains its full configured height. This is the default layout used in horizontal mode and is activated by setting eventLayout to 'stack' on the SchedulerPro instance.

This layout supports grouping events inside the resource row. See ProHorizontalLayout for more info.

const schedulerPro = new SchedulerPro({
    eventLayout : 'stack'
});

Properties

Properties are getters/setters or publicly accessible variables on this class

isProHorizontalLayout : Booleantrue

READONLY

static

ADVANCED
ProHorizontalLayout

Identifies an object as an instance of ProHorizontalLayout class, or subclass thereof.

grouped : Boolean

READONLY
ProHorizontalLayout

Returns true if event grouper is defined.

Functions

Functions are methods available for calling on the class

applyLayout( events, resourceRecord, The )
: Number

ProHorizontalLayout

This method performs layout on an array of event render data and returns amount of bands. Band is a multiplier of a configured rowHeight to calculate total row height required to fit all events. This method should not be used directly, it is called by the Scheduler during the row rendering process.
getEventGroups( events )
: String[]

ProHorizontalLayout

Sorts events by group and returns ordered array of groups, or empty array if events are not grouped.
getGroupValue( layoutData )
: *

ProHorizontalLayout

Returns group for the passed event render data.
layoutEventsInBands( events )
ProHorizontalLayout

This method iterates over events and calculates top position for each of them. Default layouts calculate positions to avoid events overlapping horizontally (except for the 'none' layout). Pack layout will squeeze events to a single row by reducing their height, Stack layout will increase the row height and keep event height intact. This method should not be used directly, it is called by the Scheduler during the row rendering process.

Source path

SchedulerPro/eventlayout/ProHorizontalLayoutStack.js

Inheritance tree1

ProHorizontalLayoutStack

Mixins1

ProHorizontalLayout