TimeBar - Slider move to clicked position

[David]

I have RadTimeline in RadTimeBar

The timeline has some items

I want that click between the timeline's items will change the TimeBar's slider location (value)

according the position that I clicked

(I don't mind that each click (also on timeline's items) will do the same (move the slider to clicked position)

and I will change that double click makes the selection item on the timeline)

            <telerik:RadTimeBar x:Name="radTimeBar"
                            PeriodStart="{Binding StartDate}" 
                            PeriodEnd="{Binding EndDate}" MouseDoubleClick="radTimeBar_MouseDoubleClick"
                            VisiblePeriodStart="{Binding VisibleStartDate}" 
                            VisiblePeriodEnd="{Binding VisibleEndDate}"                            
                            SelectionStart="{Binding CurrentTime, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
                            SelectionChanged="radTimeBar_SelectionChanged"                            
                            ScrollMode="ScrollAndZoom">

                <telerik:RadTimeline x:Name="radTimeline" 
                                     PeriodStart="{Binding StartDate}" 
                                     PeriodEnd="{Binding EndDate}" 
                                     VisiblePeriodStart="{Binding StartDate}" 
                                     VisiblePeriodEnd="{Binding EndDate}"    
                                     SelectionChanged="RadTimeline_SelectionChanged"
                                     IsSelectionEnabled="True" 
                                     StartPath="StartDate" DurationPath="Duration" ItemsSource="{Binding Events}"                                      
                                     ScrollMode="None">
                </telerik:RadTimeline>
                <telerik:RadTimeBar.Intervals>
                    <telerik:MinuteInterval />
                </telerik:RadTimeBar.Intervals>
            </telerik:RadTimeBar>

Thanks

[Martin Ivanov]

Hello David,

To change the visible selection (the slider position) of the RadTimeBar manually you can use its VisiblePeriodStart and VisiblePeriodEnd properties. You can get the date under the mouse using the ConvertPointToDateTime method of the RadTimeBar control.

As for the double click selection in the timeline, there is no such behavior out of the box. However, you can achieve it by disabling the default selection by setting the IsSelectionEnabled property of RadTimeline to False. And then subscribe to the MouseDoubleClick event of the timeline. In the event handler you can get the TimelineItemControl under the mouse and set its IsSelected property manually. You can all visible TimelineItemControl objects using the visual tree helper methods and then find the one under the mouse by checking the IsMouseOver property of each item control.
 
I hope that helps.

Regards,
Martin Ivanov
Progress Telerik