PanelDirective

12 Sep 20251 minute to read

‘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

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