PopupTagHelper

Example

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

ChildTags

Tag NameDetails
contentContentTagHelper
popup-animationPopupAnimationSettingsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
anchorStringSpecifies the element that will be used as an anchor. The widget will open next to that element.
append-toStringWhich element the popup will be appended to. The element needs to be relatively positioned.
collisionStringConfigures 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-activateStringFires when the popup is opened
on-closeStringFires when the popup closes
on-deactivateStringFires when the popup is closed
on-openStringFires when the popup opens
originStringSpecifies 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"
positionStringSpecifies 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-attributesIDictionary<String,Object>
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-moduleBoolean
has-client-componentBoolean
sanitize-idBoolean
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support