DashboardLayoutModel API in Vue DashboardLayout API component

Interface for a class DashboardLayout

Properties

change

EmitType<any>

Triggers whenever the panels positions are changed.

created

EmitType<Object>

Triggers when Dashboard Layout is created.

destroyed

EmitType<Object>

Triggers when Dashboard Layout is destroyed.

drag

EmitType<DragEventArgs>

Triggers while a panel is dragged continuously.

dragStart

EmitType<DragEventArgs>

Triggers when a panel is about to drag.

dragStop

EmitType<DragEventArgs>

Triggers when a dragged panel is dropped.

resize

EmitType<Object>

Triggers when a panel is being resized continuously.

resizeStart

EmitType<Object>

Triggers when a panel is about to resize.

resizeStop

EmitType<Object>

Triggers when a panel resize ends.

allowDragging

boolean

If allowDragging is set to true, then the DashboardLayout allows you to drag and reorder the panels. *

allowFloating

boolean

If allowFloating is set to true, then the DashboardLayout automatically move the panels upwards to fill the empty available cells while dragging or resizing the panels. *

allowResizing

boolean

If allowResizing is set to true, then the DashboardLayout allows you to resize the panels.

cellAspectRatio

number

Defines the cell aspect ratio of the panel.

cellSpacing

number[]

Defines the spacing between the panels. *

columns

number

Defines the number of columns to be created in the DashboardLayout.

draggableHandle

string

Defines the draggable handle selector which will act as dragging handler for the panels. *

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction. *

mediaQuery

string

Defines the media query value where the dashboardlayout becomes stacked layout when the resolution meets.

panels

PanelModel[]

Defines the panels property of the DashboardLayout component.

resizableHandles

string[]

Defines the resizing handles directions used for resizing the panels.

showGridLines

boolean

*