DashboardLayoutComponent

Represents the Essential JS 2 React DashboardLayout Component.

<DashBoardLayoutComponent></DashBoardLayoutComponent>

Properties

allowDragging

boolean

Specifies to allow dragging of panels or not. *

Defaults to true

cellSize

number[] | string[]

Specifies panel width. *

Defaults to auto

cellSpacing

number[]

Specifies cell layout. *

Defaults to [0,0]

cssClass

string

Specifies cssClass property of the component. *

Defaults to ”

draggableHandle

string

Specifies dragging handler as header or the entire panel. *

Defaults to null

enablePersistence

boolean

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

Defaults to false

enableRtl

boolean

Specifies to enable Right to Left alignment or not. *

Defaults to false

floating

boolean

Specifies to floating the panels after drag. *

Defaults to true

mediaQuery

string

Specifies the responsive breakpoint. *

Defaults to ‘max-width:600px’

panels

PanelsModel[]

Specifies panels property of the dashboard component.

Defaults to null

pushing

boolean

Specifies to pushing the panels down on overlap *

Defaults to true

resize

ResizeModel

Specifies resizing properties of panel. *

Defaults to {}

swapping

boolean

Specifies to swap the panels on dragging *

Defaults to false

Methods

addPanel

add panel to the layout.

Returns void

movePanel

Remove panel from the layout.

Returns void

removeAll

Remove all panel from the layout.

Returns void

removePanel

Remove particular panel from the layout based on id.

Returns void

resizepanel

resize the panel element dynamically.

Returns void

Events

renderPanel

EmitType<RenderPanelArgs>

Triggers when each cell is created.