New to Kendo UI for AngularStart a free 30-day trial

PopupSettings

Configures the options for the popup container.

Represents the Kendo UI for Angular ToolBar popup settings.

ts
@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 { }
NameTypeDefaultDescription

anchorAlign?

Align

Sets the anchor pivot point.

animate?

boolean

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

appendTo?

ViewContainerRef | "root" | "component"

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

height?

string | number

Sets the popup height. By default, the popup height matches its content. Use a number for pixels or a string for arbitrary units like "50%".

popupAlign?

Align

Sets the popup pivot point.

popupClass?

string

Sets CSS classes for styling the popup.

width?

string | number

Sets the popup width. The default value is 150 pixels. Use a number for pixels or a string for arbitrary units like "50%".

Not finding the help you need?
Contact Support