New to Kendo UI for Angular? Start a free 30-day trial
Toolbar Template
The toolbar template enables you to customize the content and determine the position of the TreeList toolbar.
To define a toolbar template, nest an <ng-template> tag with the kendoTreeListToolbarTemplate directive inside the <kendo-treelist> tag.
The following example demonstrates how to define the toolbar template.
Example
View Source
Change Theme:
Toolbar Position
The toolbar provides the following options for defining its position:
top—Locates the toolbar above the header.bottom—Locates the toolbar under the pager.both—Displays one toolbar above the header, and the another toolbar under the pager.
The following example demonstrates the position property in action.
Example
View Source
Change Theme:
Define Spacing between the Toolbar Elements
The TreeListSpacer enables you to define spacing between the toolbar inner elements and arrange them in accordance with your preference. By default, each width property.
Example
View Source
Change Theme:
