All Components

Components / DropDowns / API

PopupSettings

Used for configuring the dimensions of the popup container.

@Component({
selector: 'my-app',
template: `
 <kendo-dropdownlist [data]="listItems" [popupSettings]="{ height: 300, width: 300 }">
 </kendo-dropdownlist>
`
})
class AppComponent {
  public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
}

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

Sets the maximum height of the popup.

popupClass? string

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

width? number | string

Sets the popup width. By default, it is equal to the width of the component.
If set to auto, the component automatically adjusts the width of the popup, so that the item labels are not wrapped.

In this article