PanelDirective API in Angular Dashboard Layout API component

‘e-panels’ directive represent a panels of angular dashboardlayout It must be contained in a dashboardlayout component(ej-dashboardlayout).

<ejs-dashboardlayout>
  <e-panels>
   <e-panel></e-panel>
   <e-panel></e-panel>
  </e-panels>
</ejs-dashboardlayout>

Properties

col

any

Defines the column value where the panel to be placed.

Defaults to 0

content

any

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

cssClass

any

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

Defaults to ”

enabled

any

Defines whether to the panel should be enabled or not.

Defaults to true

header

any

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

id

any

Defines the id of the panel.

Defaults to ”

maxSizeX

any

Specifies the maximum width of the panel in cells count.

Defaults to null

maxSizeY

any

Specifies the maximum height of the panel in cells count.

Defaults to null

minSizeX

any

Specifies the minimum width of the panel in cells count.

Defaults to 1

minSizeY

any

Specifies the minimum height of the panel in cells count.

Defaults to 1

row

any

Defines a row value where the panel should be placed.

Defaults to 0

sizeX

any

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

Defaults to 1

sizeY

any

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

Defaults to 1

zIndex

any

Specifies the z-index of the panel

Defaults to 1000