When SmallChange="1" and LargeChange="1" properties are equal, the Labels of the last RadSlider item are not centered on tick.

Code to reproduce:

        <telerik:RadSlider RenderMode="Lightweight" runat="server" ID="RadSlider1"
            Orientation="Horizontal" MinimumValue="0" MaximumValue="30"
            Width="370px" Height="70px" ItemType="tick"
            SmallChange="1" LargeChange="1">
        </telerik:RadSlider>

When scrolling the page and the finger is on the slider, the slider value changes.

The following code prevents the scrolling when you scroll from the slider.

function pageLoadHandler() {
    $telerik.$(".RadSlider").on('touchstart', function (e) {
        e.preventDefault();
    });
}
Sys.Application.add_load(pageLoadHandler);

  <telerik:RadSlider ID="RadSlider_Ticks" runat="server" MinimumValue="0" MaximumValue="5"
                                        SmallChange="1" LargeChange="1" ItemType="tick" Height="40px" Width="400px" TrackPosition="TopLeft"
                                        AnimationDuration="400" ThumbsInteractionMode="Free" AutoPostBack="True"
                                         Skin="Metro"      RenderMode="Classic"  >
                                    </telerik:RadSlider>

Configuring ItemType and Items properties of RadSlider through the properties window in Visual Studio is not possible (leading to errors).

Video: http://screencast.com/t/sySwxXRQ

Can you add a close animation to a RadSlider similar to how you can set an opening animation/duration. If so can the animation duration be set independently for open/close.

When a RadSlider control is set with ItemType="Item" and has items that are not rendered (they are set with Visible="false"), the drag handle is positioned as if the invisible items are present in the slider.

When you set the Width property of a RadSlider control in Classic render mode with a percentage value, the width will be used in pixels instead. For example, if you set it to 100%, it will become 100px.

When a RadSlider with Lightweight render mode and 100% width is vertically oriented, the text of its items has a fixed size that is not enough to fully display a larger text. 

When a RadSlider is in Lightweight render mode and it is configured to be vertically oriented, its decrease and increase handles are positioned outside of the container of the control. As a result they could appear in elements that are located above and below the slider.

Currently this can be avoided if you add margin to the slider:

    <style type="text/css">
        .rslVerticalSlider {
            margin: 2em 0;
        }
    </style>

    <telerik:RadSlider ID="RadSlider1" CssClass="rslVerticalSlider" runat="server"
             Orientation="Vertical" RenderMode="Lightweight">
    </telerik:RadSlider>

When the RadSlider control is in Lightweight render mode and its property TrackPosition is set to TopLeft, its elements are centered vertically or horizontally depending on the orientation of the control. It is easier to see this behavior when the slider has a bigger width in vertical orientation and bigger height in horizontal orientation.

The text of the slider items of RadSlider with ItemType="Item" and Orientation="Vertical" is aligned to the right.

When the ItemType property of RadSlider is set to Item, the ticks of the control are positioned between its items. This feature will allow you to change the position of the ticks so that they will appear on the actual items, not between them.

It will be possible to include more than one selection range in RadSlider.

RadSlider ticks are not positioned properly in IE11 with TrackPosition="TopLeft" and lightweight rendering.

Hello Support,

I'm using Telerik Version = 2012.3.1308.35 and have the following problem:

RadSlider is not fully rendered when inside RadGrid GridTemplateColumn and RadGrid is located inside a <div> element and postback is initiated

Please find attached a sample application:
- Run application
- Press 'Show Grid' button
- Ticks and tick labels are not rendered

When the width of the RadSlider is higher than 2100px, the Selected Region is looks broken.

The RadSlider is displayed incorrectly under IE7 when it is placed in a container with dir="rtl", the visibility of which is switched.

If a horizontal RadSlider is set with ItemType=Tick or ItemType=Item, its decrease and increase handles are disabled and the MetroTouch/BlackMetroTouch skin is used, the ticks will not be positioned correctly. The effect depends on the value of the TrackPosition property:

   - If TrackPosition=TopLeft, all ticks will be misplaced.
   - If TrackPosition=BottomRight or TrackPosition=Center, the last tick will appear on a new line.

Currently the property LargeChange of RadSlider controls the following behaviors:

 - The interval for displaying value numbers in a slider with ticks;

 - The interval for moving the drag handle when an item in the slider is clicked. For example when LargeChange is set to 10, the currently selected value is 30 and the item with value 50 is clicked, the drag handle will be moved to 40;

Separating these functionalities will allow directly moving the drag handle to a clicked value on the slider track and displaying value numbers in the slider at the same time.

It will be possible to create a non-linear RadSlider, the items/values of which will not be positioned evenly on the slider track. This distribution of the items/values will be determined by a custom function.

The drag handle of a vertical RadSlider that uses the Hay skin, has TrackPosition="TopLeft" and its ItemType is set to Item or Tick, is not displayed.