New to Kendo UI for jQuery? Start a free 30-day trial

Sources

configuration

An array of source objects displayed in the popover. Each source object can include url, title, and description properties.

sources

Array

Default: []

<span id="citation"></span>
<script>
$("#citation").kendoCitation({
    sources: [
        {
            url: "https://docs.telerik.com",
            title: "Telerik Docs",
            description: "Official documentation."
        }
    ]
});
</script>

sources.description

String

A short description of the source, displayed below the source link in the popover.

<span id="citation"></span>
<script>
$("#citation").kendoCitation({
    sources: [
        {
            url: "https://example.com",
            title: "Example",
            description: "A sample reference."
        }
    ]
});
</script>

sources.title

String

The title of the source, displayed above the source link in the popover.

<span id="citation"></span>
<script>
$("#citation").kendoCitation({
    sources: [
        { url: "https://example.com", title: "Example Site" }
    ]
});
</script>

sources.url

String

The URL of the source. Rendered as a link in the popover.

<span id="citation"></span>
<script>
$("#citation").kendoCitation({
    sources: [
        { url: "https://example.com", title: "Example" }
    ]
});
</script>