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

PopupSettings

Used for configuring the dimensions of the popup container.

ts
@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"];
}
NameTypeDefaultDescription

animate?

boolean

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

appendTo?

"root" | ViewContainerRef | "component"

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?

string | number

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. The auto mode is not supported when virtual scrolling is enabled

Not finding the help you need?
Contact Support