By default, Timelines are split by years, which means:

I have two events, one on 2010 and another in 2011. My timeline will be split in two parts using a marker containing the year. Something like this:

But what if I have multiple events on the same day with different timestamps? I want to be able to split the timeline by hours or even minutes. I see this is achievable on other widgets like Scheduler.

Hi there,

I have a question about timeline view on  https://demos.telerik.com/kendo-ui/scheduler/timeline. 

When I change the start-time for the event for the series cycle by daily, the expiration date on cycle will get the focus automatically.

For example, there is an event repeating after 5 occurrences by daily, but when I change the start-time, the focus on "after 5 occurrences"  will  shift to the expiration date.

Can you tell me how to solve this problem?Thanks so much!

Hi,

I'm working on kendo ui timelien, i need to show month name below the event name in scrollbar.

E.g: 4 events, in that 2 events in jan and next 2 events in may then i need to show 2 jan event with below jan month name and show 2 may event with below may month name.

Hi,

I'm using the .open() method on a timeline. When opening an event with this method, the little triangular caret on the event card is not consistently displayed.

This is what I expect to see. The triangle is displayed when I click on an event.

When an event is opened via the .open() method, the caret is not usually displayed (but sometimes it is, this is not consistent).

Code:

// eventData comes from an ajax call, this function is invoked in the callback

function initTimeline(eventData) {
    $("#timeline").unbind();
    $("#timeline").html('');
    $("#timeline").removeClass();

    timeline = $("#timeline").kendoTimeline({
        eventTemplate: kendo.template($("#eventTemplate").html()),
        dateFormat: "MMMM yyyy",
        orientation: timelineOrientation,
        collapsibleEvents: true,
        dataSource: {
            data: eventData, 
            schema: {
                model: {
                    fields: {
                        date: {
                            type: "date"
                        },
                    }
                }
            }
        },
        dataBound: function (e) {
            data = e.sender.dataSource.data();

            // Create the timeline type filter menu
            createTimelineFilterMenu();

            // Initalize any timeline datatables
            fInitAllDataTables();
        },
        change: function (e) {
            setTimeout(fInitAllDataTables, 1000);
        }
    });

// this is called on button click, it opens the first event in the timeline
function goToFirst() {
    var kendoTimeline = $("#timeline").data().kendoTimeline;
    var firstEvent = kendoTimeline.element.find(".k-timeline-track-item:not(.k-timeline-flag-wrap):first");
    kendoTimeline.open(firstEvent);
}

Hi There,

How to load event list above the timeline..

Loading data's based on lazy loading method.

Ex; Initially I want to load only 5 data's from API, then once I click next button (arrow) in timeline and again need to trigger API with another 5 records to load.

Hi,

I have a date in my database (25/08/2020). When I try to display it in the kendo grid, it is shown as 25/08/2020 (Expected) for me. But some of the users from USA are shown 24/08/2020. After some debugging, I found that the local timezone conversion is done based on the browsers timezone settings. Anyway we can exclude this automatic conversion globally?

Option available so far but not suitable:

1. Convert the date to string and display. This means I lose all the functions of using date type.

2. Have UTC time in both client and server. This is a tedious process as the application is huge and cannot do this change.

I would like to sort the timeline through the date field, in descending order, meaning that the first item to be displayed is the most recent date.
I used this way:
sort: {
    field: "EventDate", dir: "desc"
}
 
This works, but I wouldn't want the timeline to be displayed as it is now, with the most recent date being the first item from Left to Right (from newest to oldest). See Sreenshot_1.png
Because this creates a feeling that as I go forward in the timeline, instead of going "forward" in time, I am going backwards. It should be the opposite, when I click on "previous", I navigate backwards in the timeline, I go to an older date and not a newer date.

Given this, I would like to know if there is any way to order the horizontal timeline items descending with a visual behavior where the first item to be displayed is the one most to the right of the timeline (most recent). And when navigating "backwards", clicking on "Previous" I navigate to the oldest items chronologically.

I even tried to force this behavior by ordering ascending and using the open() method as below:
    let timeline = $("#timeline").data().kendoTimeline;
    let firstEvent = timeline.element.find(".k-timeline-track-item:last-child");
    timeline.open(firstEvent);
    timeline.redraw();

But this method generates strange behavior on small screens like mobile devices. When triggering open(), the "Previous" navigation button is disabled and therefore the horizontal timeline is left unnavigated. See Screenshot_2.png

Hi Team,

I have requirement where we have to show all events in timelineweek view in single view without adding scroll to the page as per attached screenshot.Can you please how we can achieve this compress view in Kendo Scheduler?

Right now, I would be needing something like this below. To insert a base64 file in the timeline card item:

<div class="k-card-description">
	<embed type="application/pdf" src="data:application/pdf;base64,sdfghasdfquqasdfjasdf">
</div>

Insert within the timeline item card, some way to view PDF files. I know there is also the PDF viewer component of Kendo.

Is there any way to do this?