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

EventWidth

configuration

Sets specific width for the event in vertical mode.

This method is supported only in vertical mode.

eventWidth

Number

Default: 400

<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: "vertical",
    eventWidth: 500
});
</script>