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
close icon

Custom timeline template

How to change timeline style for week and day view?

3 Replies

NM Nijamudeen Mohamed Sulaiman Syncfusion Team July 18, 2014 05:56 AM UTC

Hi Matrostik,


Thanks for using Syncfusion products.


The default time span format in the Day, Week, and TimeLine views can be customized by using the MajorTickTimeFormat and MinorTickTimeFormat properties. Please refer the following online documentation link below.


Documentation Link: http://help.syncfusion.com/UG/winrt/default.htm#!documents/datetimeformat.htm


You can customize the Time Interval, Interval Height and Major and Minor Tick Visibility of SfSchedule control by using the following properties. Please refer the code snippet below.


Code snippet:






MinorTickVisibility ="Collapsed"



And also you can customize the major, minor, and horizontal lines drawn in the day and week views, and horizontal and vertical lines drawn in the month view in SfSchedule control. For that please refer the online documentation link below.


Documentation Link: http://help.syncfusion.com/UG/winrt/default.htm#!documents/strokecustomization.htm


If the provided information does not meet your requirement could you please provide us more information along with screen shot (if possible)? It will be very helpful for us to analyse on it and provide you the possible solution.


Please let us know, if you have any concerns.



Nijamudeen M.

MA matrostik July 18, 2014 01:51 PM UTC

Thanks but i need to change font style and background.

NM Nijamudeen Mohamed Sulaiman Syncfusion Team July 21, 2014 12:51 PM UTC


Hi Matrostik,


Thanks for your previous update.


Based on the provided information we suspect that your requirement is to change the font family and background of labels in timeline. Your requirement can be achieved by overriding the default style of “ScheduleTimeLineItemsControl” in schedule control. Please refer the sample in the attachment.


In the provided sample we have override default template of ScheduleTimeLineItemsControl in its loaded event. We have also modified its width to re render the labels.


Please let us know, if you have any concerns.



Nijamudeen M.

Attachment: BackgroundAndFontFamily_17dfb19f.zip

Live Chat Icon For mobile
Up arrow icon