Recurring single row Task overlap styling

[Rinku]

Hello,

I am using GanttView to display tasks where multiple tasks can be in the same row. I have referred to your example of Recurring tasks on row in the SDK Samples . 

We have a case where the records could overlap with each other with respect to time. In the example of browser, I can see that such overlapping records are rendered one above the other. This makes it hard for the user to read the details on the record that is placed below the other record. 

Is it possible in GanttView to handle such overlapping records and display them below the other so that both the record details can be read?

I am looking for an overlapping behaviour similar to the TimelineViewDefinition with StretchAppointments and StretchGroupHeaders set to false.

Here is the code altered in ViewModel class GetTasks method to achieve overlapping times of recurrence tasks.

var recurrenceTask1 = new GanttTask(today.AddHours(1), today.AddHours(4), "Reccurence 1");
var recurrenceTask2 = new GanttTask(today.AddHours(2), today.AddHours(10), "Reccurence 2");
var recurrenceTask3 = new GanttTask(today.AddHours(6), today.AddHours(20), "Reccurence 3");

[Petar Mladenov]

Hi Rinku,

I guess you have modified the SameRowRecurringTask demo, not the RecurringTask one. Generally, there is no built-in or easy way to arrange an overlapping tasks in a single row. 
We encourage you to use visual tricks in order to make visual difference between the taks. For example Opacity 0.8 with FontWeight set to 'Bold' will make the labels of the tasks easier to see. Also, in the attachment you will find converter which switches vertical positions of the tasks so that you can distinguish them easier vertically. You can find the result in the attached snapshot.

Regards,
Petar Mladenov
Progress Telerik