Custom timeline template

[matrostik]

How to change timeline style for week and day view?

thanks

[Nijamudeen Mohamed Sulaiman]

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:

XAML:

 

TimeInterval="FiveMin"

IntervalHeight="100"

MajorTickVisibility="Visible"

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.

 

Thanks,

Nijamudeen M.

[matrostik]

Thanks but i need to change font style and background.

[Nijamudeen Mohamed Sulaiman]

 

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.

 

Regards,

Nijamudeen M.

Attachment: BackgroundAndFontFamily_17dfb19f.zip