Selection handles

[Julie]

In running the RadControls demo, I noticed that the older version of the RadTimeBar (Q2 2011) has little left/right arrows in the selection handles, where as the newer version (Q1 2012) does not. Is there a way to turn the arrows back on in the newer version? I've attached a picture of the older demo vs newer demo. The top picture is the new version and the bottom picture is the older version.

[Sia]

Hello Julie,

In order to change the selection handles, you need to customize the SelectionThumb element and apply your custom style to the exposed SelectionThumbStyle property of the TimeBar. The easiest way to do this is to extract the template of the SelectionThumb through Blend and edit the two thumbs: PART_LeftHandle and PART_RightHandle.

I hope this helps. Please let us know if you need further assistance.

Greetings,
Sia
the Telerik team

[Julie]

Is there an event for when the user drags the Selection handles, or moves the selection box? I see there is a SelectionChanged event, but I also want the event when the DateTime selection range is changing but not yet committed.

[Tsvetie]

Hi Julie,

The timeBar does not raise a SelectionChanging event. I am not quite sure what your scenario is, but in case you simply need the actual selection dates while the user is dragging the selection element, you can use the ActualSelectionStart and ActualSelectionEnd properties of the timeBar. For example, you can add two dependency properties to your viewModel and bind them to the properties of the timeBar:

<local:TimelineViewModel x:Name="viewModel"
    ActualSelectionStart="{Binding ActualSelectionStart, ElementName=RadTimeBar1, Mode=TwoWay}"
    ActualSelectionEnd="{Binding ActualSelectionEnd, ElementName=RadTimeBar1, Mode=TwoWay}" />

Greetings,
Tsvetie
the Telerik team