Citation

Example

Razor

<kendo-citation>
    <body-template></body-template>
    <messages />
    <sources></sources>
</kendo-citation>

ChildTags

Tag Name	Details
body-template	TemplateTagHelper
messages	CitationMessagesSettingsTagHelper
sources	CitationSourcesTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
body-template-handler	String	A function used to render the entire popover body. Receives { sources: [] } as the first argument and must return an HTML string. When set, the built-in navigation buttons and source layout are not rendered. This option expects the name of a JavaScript function that will be called to return the template.
label	String	The text label displayed on the chip. When null, the hostname of the first source URL is used automatically.
on-open	String	The name of the JavaScript function that will handle the open event. Fired before the sources popover opens. Calling e.preventDefault() prevents the popover from being shown.The event handler function context (available via the this keyword) will be set to the widget instance.
popover-width	Double	The width of the sources popover in pixels.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
show-additional-count	Boolean	When true and more than one source is present, a +N count is appended to the chip label showing the number of additional sources.
show-on	CitationShowOn	Determines when the popover is shown.
source-icon	String	The name of the SVG icon used for source links inside the popover.
source-svg-icon	String	Overrides sourceIcon with a specific SVG icon name for source links inside the popover.
svg-icon	String	The name of the SVG icon displayed on the chip.
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.