Weekly sheduling in timeline view

Is it possible to create a timeline view where the smallest increment is a week?

A three-month timeline becomes very wide when each day is a full column with day headers for each day.


1 Reply

RR Ram Raju Elaiyaperumal Syncfusion Team April 2, 2024 09:25 AM UTC

Hi Aske Holst,

Yes, it's certainly possible to create a timeline view where the smallest increment is a week. You can achieve this by using the headerRows property to customize the header row to display only weeks. Here's an example of how you can do this:

headerRows: [

    { option: 'Month', template: '#month-template' },

    { option: 'Week', template: '#week-template' },

]


To display only three months, you can set the interval property to 3 in the views:

views: [

    { option: 'TimelineMonth', interval: 3 }

]


For your convenience we have prepared a stackblitz sample, kindly check on the sample: https://stackblitz.com/edit/custom-weekly-schedule


Regards,

Ram


Loader.
Up arrow icon