Panel API in Vue Dashboard Layout API component

Defines the panel of the DashboardLayout component.

Properties

col

number

Defines the column value where the panel to be placed.

Defaults to 0

content

string | HTMLElement

Defines the template value that should be displayed as the panel’s content.

cssClass

string

Defines the CSS class name that can be appended with each panel element.

Defaults to ”

enabled

boolean

Defines whether to the panel should be enabled or not.

Defaults to true

header

string | HTMLElement

Defines the template value that should be displayed as the panel’s header.

id

string

Defines the id of the panel.

Defaults to ”

maxSizeX

number

Specifies the maximum width of the panel in cells count.

Defaults to null

maxSizeY

number

Specifies the maximum height of the panel in cells count.

Defaults to null

minSizeX

number

Specifies the minimum width of the panel in cells count.

Defaults to 1

minSizeY

number

Specifies the minimum height of the panel in cells count.

Defaults to 1

row

number

Defines a row value where the panel should be placed.

Defaults to 0

sizeX

number

Specifies the width of the panel in the layout in cells count.

Defaults to 1

sizeY

number

Specifies the height of the panel in the layout in cells count.

Defaults to 1

zIndex

number

Specifies the z-index of the panel

Defaults to 1000