Popup

Example

Razor

<kendo-popup>
    <content></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 vertical dimension and the second one - to the horizontal dimension. If one word is used, the setting is applied to both dimensions.
on-activate	String	The name of the JavaScript function that will handle the activate event. Fires when the popup is opened
on-close	String	The name of the JavaScript function that will handle the close event. Fires when the popup closes
on-deactivate	String	The name of the JavaScript function that will handle the deactivate event. Fires when the popup is closed
on-open	String	The name of the JavaScript function that will handle the open event. 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"
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
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-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.