Trying to set the Date Time range slider starting from 1/1/2001 to 12/31/2010. As you can see the year tickMarks start with the correct year but then 2004 is duplicated. I’ve included a screenshot and xaml below.
<ig:XamDateTimeRangeSlider IsSelectionRangeEnabled="True" x:Name="sliderRight" MinValue="1/1/2001" MaxValue="12/31/2010" IsMouseWheelEnabled="True" d:LayoutOverrides="Height" Margin="20,7,20,0" Foreground="#FF373737" FontSize="8" VerticalAlignment="Top" IncreaseButtonVisibility="Collapsed" DecreaseButtonVisibility="Collapsed" LargeChangeType="Years" LargeChange="1" Height="36" SmallChangeType="Months" Grid.ColumnSpan="2"> <ig:XamDateTimeRangeSlider.TickMarks> <ig:DateTimeSliderTickMarks FrequencyType="Years" IncludeSliderEnds="True" > <ig:DateTimeSliderTickMarks.HorizontalTickMarksTemplate> <DataTemplate> <Rectangle Width="1" Height="20" Fill="Black" Margin="0,0,0,14" /> </DataTemplate> </ig:DateTimeSliderTickMarks.HorizontalTickMarksTemplate> </ig:DateTimeSliderTickMarks> <ig:DateTimeSliderTickMarks FrequencyType="Months" IncludeSliderEnds="True" > <ig:DateTimeSliderTickMarks.HorizontalTickMarksTemplate> <DataTemplate> <Rectangle Width="1" Height="10" Fill="Black" Margin="0,0,0,14" /> </DataTemplate> </ig:DateTimeSliderTickMarks.HorizontalTickMarksTemplate> </ig:DateTimeSliderTickMarks> <ig:DateTimeSliderTickMarks FrequencyType="Years" IncludeSliderEnds="True" NumberOfTickMarks="10" TickMarksFrequency="1"> <ig:DateTimeSliderTickMarks.HorizontalTickMarksTemplate> <DataTemplate> <TextBlock Text="{Binding Year}" Margin="0,15,0,0" /> </DataTemplate> </ig:DateTimeSliderTickMarks.HorizontalTickMarksTemplate> </ig:DateTimeSliderTickMarks> </ig:XamDateTimeRangeSlider.TickMarks> <ig:XamSliderDateTimeThumb Name="lowDateThumb" Value="1/1/2010" ToolTipVisibility="Visible" TrackFillBrush="Transparent" InteractionMode="Lock" ValueChanged="RangeChanged" /> <ig:XamSliderDateTimeThumb Name="highDateThumb" Value="12/31/2010" ToolTipVisibility="Visible" TrackFillBrush="#FF1717A3" InteractionMode="Lock" ValueChanged="RangeChanged" /> </ig:XamDateTimeRangeSlider>
Hi ssharifi,
This is bug in the Data Time Slider control. I have created the support case for it - so you can be notified when it's fixed.
Tania