PopoverTagHelper
Example
Razor
<kendo-popover>
<actions></actions>
<animation></animation>
<popover-body-template></popover-body-template>
</kendo-popover>
ChildTags
| Tag Name | Details |
|---|---|
| actions | PopoverActionsTagHelper |
| animation | PopoverAnimationSettingsTagHelper |
| popover-body-template | TemplateTagHelper |
Attributes
| Attribute | Type | Description |
|---|---|---|
| name | String | Sets the name of the component. |
| as-module | Boolean | Specifies whether the initialization script of the component will be rendered as a JavaScript module. |
| 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. |
| actions-layout | String | A value indicating how the actions buttons will be positioned. Possible values are: start; center; between; around; evenly or stretch. |
| body | String | Defines a kendo template that will be used as the card body inside the popover component. |
| body-handler | String | Defines a kendo template that will be used as the card body inside the popover component. |
| filter | String | Specifies a selector for the elements within the container which will display the Popover. |
| deferred | Boolean | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method. |
| for | String | The Id of element, for which the Popover is initialized. |
| header | String | Defines a kendo template that will be used as the card header inside the popover component. |
| header-handler | String | Defines a kendo template that will be used as the card header inside the popover component. |
| height | Double | The height (in pixels) of the Popover. |
| offset | Double | Specifies the offset (in pixels) between the Popover and the anchor. The offset is rendered from the callout arrow. |
| on-hide | String | The name of the JavaScript function that will handle the hide event. Fires when a Popover is hidden. |
| on-show | String | The name of the JavaScript function that will handle the show event. Fires when a Popover is shown. |
| position | String | The 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. |
| script-attributes | IDictionary<String,Object> | Sets the attributes that will be added to the script tag of the component's initialization script. |
| show-on | String | The event on which the Popover will be shown.The supported values are: mouseenter; click or focus. |
| toggle-on-click | Boolean | Defines a value indicating whether the popover will show/hide only when clicking on the target element. |
| width | Double | The width (in pixels) of the Popover. |