This is a migrated thread and some comments may be shown as answers.

Show numbers (large and small step)

1 Answer 151 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Voss Grose
Top achievements
Rank 1
Voss Grose asked on 10 Jan 2009, 11:06 PM
I'm confused on how to setup my slider control to do the following:

1. I want to display each value (-10 - 10).
2. I want to be able to click on any number and have the slider slide directly to that value.
3. The Inox skin must have a formatting bug because the tick lines extend to far down over the number values.

I would think they must be a way to do want I want because I would guess it's the most common requirement.

I basically want a combo of these 2 examples (small and large change)
http://demos.telerik.com/aspnet-ajax/Slider/Examples/SmallChange/DefaultCS.aspx
http://demos.telerik.com/aspnet-ajax/Slider/Examples/LargeChange/DefaultCS.aspx

http://demos.telerik.com/aspnet-ajax/Slider/Examples/LargeChange/DefaultCS.aspx


1 Answer, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 12 Jan 2009, 07:45 AM
Hello Voss Grose,
With the current version of the RadSlider, you cannot achieve the described result because you cannot configure the RadSlider to display numbers for its SmallChange values. Currently, you can:
  1. Display ticks for SmallChnage values
  2. Display ticks with labels (numbers) for LargeChange values

However, you can use RadSlider items and style the items per your requirements. For example:
<telerik:RadSlider runat="server" ID="RadSlider2" Orientation="Horizontal" Width="750" 
    Height="60" TrackPosition="Center" ItemType="Item" Skin="Web20" Value="2"  
    
    <Items> 
        <telerik:RadSliderItem Text="1" Value="1" ToolTip="1 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="2" Value="2" ToolTip="2 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="3" Value="3" ToolTip="3 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="4" Value="4" ToolTip="4 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="5" Value="5" ToolTip="5 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="6" Value="6" ToolTip="6 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="7" Value="7" ToolTip="7 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="8" Value="8" ToolTip="8 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="9" Value="9" ToolTip="9 out of 10" runat="server"></telerik:RadSliderItem> 
        <telerik:RadSliderItem Text="10" Value="10" ToolTip="10 out of 10" runat="server"></telerik:RadSliderItem> 
    </Items> 
</telerik:RadSlider> 

As for the Inox skin, you can control how far the labels for the LargeStep values will be displayed from the track of the RadSlider, by setting correct Width and Height for the RadSlider.

Kind regards,
Tsvetie
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Slider
Asked by
Voss Grose
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Share this question
or