• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Dropdowns / API / PopupSettings / 
New to Kendo UI for Angular? Start a free 30-day trial

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

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

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

In this article

Not finding the help you need?

Contact Support