New to Kendo UI for Angular? Start a free 30-day trial
Styling Grid Popups
Environment
| Product | Progress® Kendo UI Grid |
Description
How can I style the menus popups of the Angular Grid by Kendo UI?
Solution
By default, the popup containers of the Grid menus (for example, the Column and Filter menus) are appended to the root component of the application. This allows the popups to overlay other application components, but can prove to be inconvenient if the popup styling must be scoped to the particular component instance.
To set the popup container to the host component, provide the ElementRef as POPUP_CONTAINER and a new instance of the PopupService.
The following example demonstrates the suggested approach.
Example
View Source
Change Theme:
