> For the complete documentation index, see [llms.txt](https://docs.gapvelocity.ai/webmap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gapvelocity.ai/webmap/general/frontend/documentation/webforms-angular-components/ajax-web-components/ajaxmodalpopupextender.md).

# AjaxModalPopupExtender

Adds support for the ajaxToolkit:ModalPopupExtender.

This control can be attached to any control to open a popup window that displays additional content.

## **Implementation Details:**

**Component Selector:** ‘wm-modalpopup-extender’

**Kendo UI Component:** <mark style="color:red;">N/A</mark>

## Class inheritance

AjaxModalPopUpExtenderComponent extends [<mark style="color:red;">ControlComponent</mark>](/webmap/general/frontend/documentation/winforms-angular-components/web-components/base-components/control-component.md)

## PME Support

### Custom Methods

#### Open / Close

The ClickEmittedNotification subscription using the AjaxInteractionService helps the control know if it needs to open or close the PopupControl. If the **click event id** equals the **targetControlId** it will open the PopupControl or if the **event id** equals the **cancelControlId** it will close it.&#x20;

The open and close methods get the DOM element based on the **PopupControlId** and apply the necessary styles to show or hide the control.

#### Reference to the complete control documentation: [<mark style="color:red;">AjaxModalPopUpExtenderComponent</mark>](https://docs-frontend.azurewebsites.net/WebFormsComponents/components/AjaxModalPopUpExtenderComponent.html)