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

EventHeight

configuration

Sets specific height for the event in horizontal mode.

This setting is supported only in horizontal mode.

eventHeight

Number

Default: 600

<div id="timeline"></div>
<script>
$("#timeline").kendoTimeline({
    dataSource: [
        {
            date: new Date(2020, 10, 10),
            title: "Barcelona \u0026 Tenerife",
            subtitle: "Spain",
            description: "The 2020 Spanish election",
            altField: "Canary Islands"
        },
        {
            date: new Date(2020, 10, 15),
            title: "United States",
            subtitle: "Elections",
            description: "The 2020 US election"
        }
    ],
    orientation: "horizontal",
    eventHeight: 400
});
</script>