Popup

Example

<kendo-popup>
    <content />
    <popup-animation></popup-animation>
</kendo-popup>

ChildTags

Tag Name Details
content ContentTagHelper
popup-animation PopupAnimationSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
anchor String Specifies the element that will be used as an anchor. The widget will open next to that element.
append-to String Which element the popup will be appended to. The element needs to be relatively positioned.
collision String Configures how the popup should behave when it cannot be properly displayed and fully visible, if its origin and position settings are obeyed.Valid values are: "fit", "flip", "flip fit" and "fit flip". "Fit" allows the popup to be shifted (moved) until it is fully visible. "Flip" allows the popup to switch its position, according to its anchor. If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension. If one word is used, the setting is applied to both dimensions.
on-activate String Fires when the popup is opened
on-close String Fires when the popup closes
on-deactivate String Fires when the popup is closed
on-open String Fires when the popup opens
origin String Specifies how to position the popup element based on anchor point. The value is space separated "y" plus "x" position.The available "y" positions are: - "bottom" - "center" - "top"The available "x" positions are: - "left" - "center" - "right"
position String Specifies which point of the popup element to attach to the anchor's origin point. The value is space separated "y" plus "x" position.The available "y" positions are: - "bottom" - "center" - "top"The available "x" positions are: - "left" - "center" - "right"
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-child-component Boolean
has-client-component Boolean
sanitize-id Boolean
In this article
Not finding the help you need?