PopoverTagHelper

Example

Razor
<kendo-popover>
    <actions></actions>
    <animation></animation>
    <popover-body-template></popover-body-template>
</kendo-popover>

ChildTags

Tag NameDetails
actionsPopoverActionsTagHelper
animationPopoverAnimationSettingsTagHelper
popover-body-templateTemplateTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
forStringThe Id of element, for which the Popover is initialized.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
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.
actions-layoutStringA value indicating how the actions buttons will be positioned. Possible values are: start; center; between; around; evenly or stretch.
as-moduleBoolean
bodyStringDefines a kendo template that will be used as the card body inside the popover component.
body-handlerStringDefines a kendo template that will be used as the card body inside the popover component.
filterStringSpecifies a selector for the elements within the container which will display the Popover.
has-client-componentBoolean
headerStringDefines a kendo template that will be used as the card header inside the popover component.
header-handlerStringDefines a kendo template that will be used as the card header inside the popover component.
heightDoubleThe height (in pixels) of the Popover.
offsetDoubleSpecifies the offset (in pixels) between the Popover and the anchor. The offset is rendered from the callout arrow.
on-hideStringFires when a Popover is hidden.
on-showStringFires when a Popover is shown.
positionStringThe position that is relative to the target element at which the Popover will be shown.The supported values are: bottom; top; left; right or center.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
show-onStringThe event on which the Popover will be shown.The supported values are: mouseenter; click or focus.
toggle-on-clickBooleanDefines a value indicating whether the popover will show/hide only when clicking on the target element.
widthDoubleThe width (in pixels) of the Popover.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support