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

PopupSettings

Interface

Configures the options for the popup container.

Represents the Kendo UI for Angular ToolBar popup settings.

Definition

Package:@progress/kendo-angular-toolbar

Syntax:

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

Properties

anchorAlign?

Align

Sets 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 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 | object | string[] | Set<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%".