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"
script-attributes	IDictionary<String,Object>
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
has-client-component	Boolean
sanitize-id	Boolean