New to Kendo UI for Angular? Start a free 30-day trial

PopupSettings

Used for configuring the options of the popup container.

@Component({
selector: 'my-app',
template: `
 <kendo-toolbar [overflow]="true" [popupSettings]="{ animate: false }">
     <kendo-toolbar-button [text]="'my button'"></kendo-toolbar-button>
 </kendo-toolbar>
`
})
class AppComponent { }

anchorAlign?

Align

Specifies the anchor pivot point.

animate?

boolean

Controls the popup animation. By default, the open and close animations are enabled.

appendTo?

"root" | "component" | ViewContainerRef

Controls the popup container. By default, the popup will be appended to the root component.

height?

number | string

Sets the popup height. By default, the popup is as high as its content. A numeric value sets the height in pixels. A string value sets the height in arbitrary unitsfor example, 50%.

popupAlign?

Align

Specifies the pivot point of the popup.

popupClass?

string

Specifies a list of CSS classes that are used for styling the popup.

width?

number | string

Sets the popup width. The default value is 150 pixels. A numeric value sets the width in pixels. A string value sets the width in arbitrary unitsfor example, 50%.