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

Inspecting the Popup Container of the DropDowns Components

Environment

ProductProgress® Kendo UI DropDowns

Description

How can I inspect the popup container in the DropDowns components?

Solution

Every DropDowns component has a preventable close event that can be used to inspect a popup container.

  1. Prevent the close event of the DropDownList component.

       <kendo-dropdownlist [data]="listItems" (close)="$event.preventDefault()">
       </kendo-dropdownlist>
  2. Select and inspect the popup by using your favorite browser developer tools.

The following example shows the full implementation of the demonstrated approach.

Example
View Source
Change Theme:

In this article

Not finding the help you need?