ExpandCollapse
Mixin

Mixin that handles expanding and collapsing swimlanes and columns on the TaskBoard.

Users can expand and collapse using the UI. To do it programmatically, see:

Each of them accepts a column or a swimlane to expand/collapse. For example

taskBoard.collapse(taskBoard.columns.todo);
taskBoard.expand(taskBoard.swimlanes.high);

For convenience, the functions are also callable directly on columns/swimlanes:

taskBoard.columns.todo.expand();
taskBoard.swimlanes.high.collapse();

Expanding/collapsing is by default transitioned, await the calls to be certain that the UI is up to date:

await taskBoard.collapse(taskBoard.columns.todo);
await taskBoard.columns.todo.expand();

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class

showCollapseInHeader : Booleantrue

Show an icon to expand/collapse columns and swimlanes in their headers.

Programmatic expand/collapse works independently of this setting, it only affects the UI.
collapseTitle : Booleanfalse

Specify true to hide the column title instead of rotating it on collapse.

Used by default with swimlanes, since the title will overlap the swimlane header otherwise.
showCollapseTooltip : Booleantrue

By default, a tooltip showing Expand XX/Collapse XX is shown when hovering the expand/collapse icon for a column or swimlane. To disable the tooltip, set this to false.

Has a corresponding runtime showCollapseTooltip property.

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

isExpandCollapse : Booleantrue

READONLY

ADVANCED

Identifies an object as an instance of ExpandCollapse class, or subclass thereof.
showCollapseTooltip : Booleantrue

By default, a tooltip showing Expand XX/Collapse XX is shown when hovering the expand/collapse icon for a column or swimlane. To disable the tooltip, set this to false.

Has a corresponding showCollapseTooltip config.

Functions are methods available for calling on the class

Events are triggered for certain actions in this class and can be listened for to react to those actions in your code

Event handlers are callbacks called as a result of certain actions in this class

TaskBoard/view/mixin/ExpandCollapse.js