<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>
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 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.
RadSlider ticks are not positioned properly in IE11 with TrackPosition="TopLeft" and lightweight rendering.
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.