Skip to main content

CardLayout Class

Contains settings related to the layout of cards for the CardItem.

#Declaration

TypeScript
export class CardLayout extends SerializableModel

#Remarks

To learn how to manage the layout of cards in the CardItem, refer to the CardLayoutTemplate class description.

#Inherited Members

#Inheritance

#constructor

Initializes a new instance of the CardLayout class with specified settings.

#Declaration

TypeScript
constructor(
    modelJson?: any,
    serializer?: DevExpress.Analytics.Utils.ModelSerializer
)

#Parameters

Name Type Description
modelJson any

A JSON object used for dashboard deserialization. Do not pass this parameter directly.

serializer ModelSerializer

An object used for dashboard deserialization. Do not pass this parameter directly.

#Properties

#maxWidth Property

#Declaration

TypeScript
maxWidth: ko.Observable<number>

#Property Value

Type
Observable<number>

#minWidth Property

#Declaration

TypeScript
minWidth: ko.Observable<number>

#Property Value

Type
Observable<number>

#rows Property

#Declaration

TypeScript
rows: ko.ObservableArray<DevExpress.Dashboard.Model.CardRowBase>

#Property Value

Type
ObservableArray<CardRowBase>

#rowTypes Property

#Declaration

TypeScript
static rowTypes: {
    CardRow: {
        constructor: typeof DevExpress.Dashboard.Model.CardRow;
    };
    CardSparklineRow: {
        constructor: typeof DevExpress.Dashboard.Model.CardSparklineRow;
    };
}

#Property Value

Name Type
CardRow {constructor: typeof CardRow}
CardSparklineRow {constructor: typeof CardSparklineRow}

#templateID Property

#Declaration

TypeScript
templateID: ko.Observable<number>

#Property Value

Type
Observable<number>

#Methods

#createRow(elementJSON, serializer) Method

#Declaration

TypeScript
createRow(
    elementJSON: any,
    serializer: DevExpress.Analytics.Utils.ModelSerializer
): DevExpress.Dashboard.Model.CardRowBase

#Parameters

Name Type Description
elementJSON any
serializer ModelSerializer

An object used for dashboard deserialization. Do not pass this parameter directly.

#Returns

Type
CardRowBase

#getInfo Method

For internal use.

#Declaration

TypeScript
getInfo(): DevExpress.Analytics.Utils.ISerializationInfoArray

#Returns

Type Description
ISerializationInfoArray

An array of objects that provide serialization info.

#grabFrom(newLayout) Method

#Declaration

TypeScript
grabFrom(
    newLayout: CardLayout
): void

#Parameters

Name Type
newLayout CardLayout