Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
140
Date Time Range Slider problem
posted

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>

Parents
No Data
Reply Children
No Data