cardHeight

Description

Optional. A height of cards

Usage

cardHeight?: number; // px

important

If you combine the renderType: "lazy" and scrollType: "default" settings, don't forget to specify a static height for cards via the cardHeight property. Unless you specify it, the cards will not be displayed. When you use renderType: "lazy" with scrollType: "column", you should also fix the height of cards via the cardHeight property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.

If cardHeight is not specified, the widget falls back to an experimental approximation of card heights based on the visible fields declared in cardShape. With a custom cardTemplate, this approximation does not apply — in that case, either set cardHeight explicitly or supply a custom getCardHeight function.

Example

new kanban.Kanban("#root", {
    cards,
    columns,
    cardHeight: 150, // px
    // other parameters
});

Change log: The property was added in v1.2

Related articles: Configuration

Related sample: Kanban. Lazy rendering and column scroll