Search results

PaneDirective API in Angular Splitter API component

‘e-panesettings’ directive represent a panes of angular splitter It must be contained in a Splitter component(ejs-splitter).

<ejs-splitter id='splitter' >
  <e-panes>
   <e-pane size ='150px'></e-pane>
   <e-pane size = '20%'></e-pane>
  </e-panes>
</ejs-splitter>

Properties

collapsed

any

Specifies whether a pane is collapsed or not collapsed at the initial rendering of splitter.

 import { Component} from '@angular/core';

@Component({
    selector: 'app-root',
    template: '<ejs-splitter height="100px"><e-panes><e-pane  [collapsed]="true"><ng-template #content><div class="content">Left pane</div></ng-template></e-pane><e-pane  [collapsed]="false"><ng-template #content><div class="content">Right pane</div></ng-template></e-pane></e-panes></ejs-splitter>'
})
export class AppComponent {

}

Defaults to false

collapsible

any

Specifies whether a pane is collapsible or not collapsible.

import { Component} from '@angular/core';

@Component({
    selector: 'app-root',
    template: '<ejs-splitter height="100px"><e-panes><e-pane  [collapsible]="true"><ng-template #content><div class="content">Left pane</div></ng-template></e-pane><e-pane  [collapsible]="true"><ng-template #content><div class="content">Right pane</div></ng-template></e-pane></e-panes></ejs-splitter>'
})
export class AppComponent {

}

Defaults to false

content

any

Specifies the content of split pane as plain text, HTML markup, or any other JavaScript controls.

Defaults to

cssClass

any

Specifies the CSS class names that defines specific user-defined styles and themes to be appended on corresponding pane of the Splitter. It is used to customize the Splitter control panes. One or more custom CSS classes can be specified to the Splitter panes.

Defaults to

max

any

Specifies the maximum size of a pane. The pane cannot be resized if it is more than the specified maximum limit.

Defaults to null

min

any

Specifies the minimum size of a pane. The pane cannot be resized if it is less than the specified minimum size.

Defaults to null

resizable

any

Specifies the value whether a pane is resizable. By default, the Splitter is resizable in all panes. You can disable this for any specific panes using this property.

Defaults to true

size

any

Configures the properties for each pane.

Defaults to