Hide start and end value of radslider

4 posts, 0 answers
  1. Bhanudas
    Bhanudas avatar
    8 posts
    Member since:
    Apr 2011

    Posted 26 Jul 2011 Link to this post

    Hi,
    I am using following code in .xml as below,
    <telerik:RadSlider x:Name="radSlider"   Visibility="Collapsed" TickPlacement="TopLeft" IsDirectionReversed="False"  IsMouseWheelEnabled="True" Style="{StaticResource RadSliderStyle1}"  IsMoveToPointEnabled="True" HandlesVisibility="Visible" StepAction="MoveRange" Width="Auto" Height="Auto" IsSelectionRangeEnabled="True">
                    <telerik:RadSlider.TickTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition></RowDefinition>
                                    <RowDefinition></RowDefinition>
                                </Grid.RowDefinitions>
                                <Ellipse Width="2" Height="5" Fill="Black" Grid.Row="1" />
                                <TextBlock Text="{Binding StringFormat=\{0:N0\}}" FontSize="11" TextAlignment="Center" />
                            </Grid>
                        </DataTemplate>
                    </telerik:RadSlider.TickTemplate>
                </telerik:RadSlider>

    and I am setting it's frequence by code behind file  as
    radSlider.Minimum = 93;
    radSlider.Maximum = 375;
    radSlider.TickFrequency = 20;
     radSlider.SmallChange = 10;
      
    radSlider.SelectionStart = 93;
     radSlider.SelectionEnd = 375;
    when i run application i am getting out put as attatched file, end values getting overlap, so how can i avoid overriding of values or any code to hide start and end values of slider.

    Thanks,
    Bhanudas


  2. Alex Fidanov
    Admin
    Alex Fidanov avatar
    636 posts

    Posted 27 Jul 2011 Link to this post

    Hello Bhanudas,

    The overlapping is expected as the last frequency tick is overlapping with the end tick. You can turn off the end tick by setting the EnabledSideTicks to false. Please let us know if you have further questions on this matter.

    Kind regards,
    Alex Fidanov
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  3. DevCraft banner
  4. Bhanudas
    Bhanudas avatar
    8 posts
    Member since:
    Apr 2011

    Posted 27 Jul 2011 Link to this post

    Hi Alex,
    Thanks a lot for your immediate reply.

    But if i used EnabledSideTicks to false then it is not showing starting tick and ending tick. But here i want to hide only ending tick and i want to show starting tick.

    Can you please suggest me any way to achive this.?

    Thanks,
    Bhanudas
  5. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1512 posts

    Posted 01 Aug 2011 Link to this post

    Hello Bhanudas,

    You'll need to use a TickTemplateSelector. The TickTemplateSelector allows you do choose a different TickTemplate for each tick. Please take a look at the attached project as it demonstrates how to us a TickTemplateSelector.

    Kind regards,
    Kiril Stanoev
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

Back to Top