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