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

PopupSettings

Interface

Used for configuring the dimensions of the popup container.

Definition

Package:@progress/kendo-angular-dropdowns

Syntax:

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

Properties

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 will be appended to the root component.

height?

number

Sets the maximum height of the popup.

popupClass?

string | object | string[] | Set​<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