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

PopupSettings

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

NameTypeDefaultDescription

anchor?

ElementRef<any> | HTMLElement

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

anchorAlign?

Align

Sets the anchor pivot point (see example).

animate?

boolean | PopupAnimation

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.

collision?

Collision

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

content?

Function | TemplateRef<any>

Sets the content of the Popup.

margin?

Margin

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

offset?

Offset

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.

popupAlign?

Align

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

popupClass?

string | Object | 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.

positionMode?

PositionMode

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.

Not finding the help you need?
Contact Support