We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Customise Schedule Timeline Component (remove time and reduce the day's width)

Thread ID:





141556 Dec 18,2018 05:22 AM UTC Dec 19,2018 04:03 AM UTC Angular - EJ 2 5
Tags: Schedule
Woosung Lee
Asked On December 18, 2018 05:23 AM UTC

Hi support

My team is verifying functionality before purchasing SyncFusion' lisence.
I downloaded the demo and now I'm having trouble implementing what I want.
We have to describe the schedule as a capture in the form of a timeline.
But the Sinkfusion's timeline view displays time unconditionally. And the area is too wide, too.

I attach my sample source. Can you help me?
I have to use a SyncFusion to create a capture-like view.


Attachment: syncfusion_882f2cb7.zip

Karthigeyan Krishnamurthi [Syncfusion]
Replied On December 18, 2018 05:50 AM UTC

Thank you for contacting Syncfusion support. 
Time duration can be removed using timeScale option and for the same we have prepared the below sample for your reference. 
<ejs-schedule #schedule height='650px' [timeScale]="timeScale" [(selectedDate)]="selectedDate" [eventSettings]="eventSettings" 
        <e-view option="TimelineDay"></e-view> 
        <e-view option="TimelineWeek"></e-view> 
        <e-view displayName='2 Weeks' option='TimelineWeek' [interval]="weekInterval"></e-view> 
        <e-view displayName='TimelineMonth' option='TimelineDay' [interval]=31></e-view> 
public timeScale: TimeScaleModel = { enable: false }; 

Woosung Lee
Replied On December 18, 2018 06:49 AM UTC

Thank you for your reply..
Bu. even with "timeScale", I can't see the view I want.
I just want to erase the time items from the timeline view.
Using the "timeScale" eliminates the meaning of time in the bar of the schedule.

Karthigeyan Krishnamurthi [Syncfusion]
Replied On December 18, 2018 12:12 PM UTC

Thanks for your update. 
We have checked the provided image and suspect that your requirement is to display the events in their respective time but without displaying the time duration in Schedule. In the below sample we have used time scale to achieve your requirement. 
public timeScale: TimeScaleModel = { enable: true, interval: 1440, slotCount: 1 }; 

Woosung Lee
Replied On December 19, 2018 04:00 AM UTC

Hi Karthigeyan.

Thank you for your help.
I got the desired result through your help and css modifying.
I always appreciate your kindness.


Karthigeyan Krishnamurthi [Syncfusion]
Replied On December 19, 2018 04:03 AM UTC

We are happy that our solution fulfilled your requirement. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon