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

PopupSettings

Interface

Defines the settings for the Popup when you open it through PopupService (see example).

Definition

Package:@progress/kendo-angular-popup

Properties

anchor?

HTMLElement | ElementRef​<any>

Sets the element to use as an anchor. The Popup opens next to this element.

Sets the anchor pivot point (see example).

Controls the Popup animation. By default, the open and close animations are enabled (see example).

appendTo?

ViewContainerRef

Sets the container to which the Popup appends.

Sets the collision behavior of the Popup (see example).

content?

Function | TemplateRef​<any>

Sets the content of the Popup.

Sets the margin value in pixels. Adds blank space between the Popup and the anchor.

Sets the absolute position of the element (see example). The Popup opens next to this point. The pivot point of the Popup is defined by the popupAlign option. The boundary detection uses the window viewport.

Sets the pivot point of the Popup (see example).

popupClass?

string | object | string[] | Set​<string>

Sets a list of CSS classes to add to the internal animated element (see example).

To style the content of the Popup, use this property binding.

Sets the position mode of the component. By default, the Popup uses fixed positioning. To use absolute positioning, set this option to absolute.

To support mobile browsers with the zoom option, use the absolute positioning of the Popup.