Hi Nasko. I got a good reply from a support request #1088568. The issue was with synchronising multiple timelines. The solution was to bind the start, end, visible and actual visible periods from one timeline to the others - this kept the timelines in sync as the window was resized or when the scroll bar zoomed or panned over the data. This, coupled with hiding some of the template components resulted in a solution which is almost working.
The response sent to me is as follows:
There is not built-in
mechanism that will allow you to easily align the timeline controls. However,
you should be able to do it with some custom code. For example, you can sync
the ranges of the timeline using the PeriodStart, PeriodEnd,
VisiblePeriodStart, VisiblePeriodEnd and ActualVisibleRange properties.
To hide the horizontal scrollbar you can set the ScrollMode property to None. Or you can use the SliderStyle property if you prefer.
To hide the periods and the group periods at the top of the control you will
need to modify some styles. You can extract the RadTimeline ControlTemplate. Then find the TimelineGroupPeriodContainer and
TimelinePeriodContainer controls and set their Visibility to Collapsed. You can
also hide the gray border that separates the periods and the groups periods. To
do this you can set the Visibility of one of the Border element from timeline
template. The border is a child of the first Grid which is a child of the
TimelineAnnotationsPanel. The attached image demonstrates where the elements
are positioned in the hierarchy.
Additionally, I attached
a small example demonstrating how you can customize the timeline control.
Instead of extracting the template, the example uses an attached property and
gets the timeline containers in code. Note that the approach demonstrated in
the project is merely a suggestion which is not well tested and I cannot
guarantee that it will work properly in all expected scenarios. This is why I
recommend you to use it only as a reference for implement your own solution.