ColumnResize
Feature

This feature allows users to change the width of individual TaskBoard columns. Resize is initiated upon mouse down on the separator element between column headers. Try it out below!

Resize events

The different stages of a resize operation trigger different events, in order of appearance:

Event	Description
beforeColumnResize	Preventable event fired before a resize starts
columnResizeStart	Fired when resizing starts
columnResize	Fired after a resize gesture that lead to changes

This feature is disabled by default.

No results

Properties

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

isColumnResize : Booleantrue

READONLY

static

ADVANCED

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

isColumnResize : Booleantrue

READONLY

ADVANCED

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

Functions

Functions are methods available for calling on the class

onCancel( )

private

Restore column width on cancel (ESC)
onResize( )

private

Handle resize end event

Triggers: columnResize
onResizing( )

private

Handle drag event - resize the column live

Events

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

beforeColumnResize

PREVENTABLE

ON-OWNER

This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns false.

Note that this event is triggered on the owning widget:
columnResize

ON-OWNER

This event is fired after a resize gesture is completed.

Note that this event is triggered on the owning widget:
columnResizeStart

ON-OWNER

This event is fired when a column resize gesture starts.

Note that this event is triggered on the owning widget:

Event handlers

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

onBeforeColumnResize

PREVENTABLE

ON-OWNER

This event is called prior to starting a column resize gesture. The resize is canceled if a listener returns false.

Note that this handler is called on the owning widget:
onColumnResize

ON-OWNER

This event is called after a resize gesture is completed.

Note that this handler is called on the owning widget:
onColumnResizeStart

ON-OWNER

This event is called when a column resize gesture starts.

Note that this handler is called on the owning widget:

CSS variables

CSS variables that can be set to adjust appearance

Name	Description
--b-task-board-column-resize-handle-min-width	Minimum width of the resize handle.

ColumnResize
Feature

Resize events

Properties

Functions

Events

Event handlers

CSS variables

Source path

Inheritance tree4

Mixins2

Contents

ColumnResize Feature

Resize events

Properties

Functions

Events

Event handlers

CSS variables

Source path

Inheritance tree4

Mixins2

Contents

ColumnResize
Feature