Hi Young,
I am afraid, this is not possible with the ItemTypes set to Tick. There is a feature request on the matter, you can vote for it via
this feedback portal item.
Alternatively, you can use a custom solution to change the layout of the Items type slider:
<
telerik:RadSlider
ID
=
"RadSlider1"
runat
=
"server"
ItemType
=
"item"
Width
=
"325px"
Height
=
"45px"
AnimationDuration
=
"400"
CssClass
=
"ItemSlider"
ThumbsInteractionMode
=
"Free"
TrackPosition
=
"BottomRight"
Value
=
"5"
OnClientLoad
=
"OnClientLoad"
>
<
Items
>
<
telerik:RadSliderItem
Text
=
"1"
Value
=
"1"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"2"
Value
=
"2"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"3"
Value
=
"3"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"4"
Value
=
"4"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"5"
Value
=
"5"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"6"
Value
=
"6"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"7"
Value
=
"7"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"8"
Value
=
"8"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"9"
Value
=
"9"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"10"
Value
=
"10"
></
telerik:RadSliderItem
>
</
Items
>
</
telerik:RadSlider
>
<
script
type
=
"text/javascript"
>
function OnClientLoad(sender, args) {
var $ = $telerik.$;
var items = sender.get_items();
for (var index in items) {
var item = items[index].get_element();
if ($(item).hasClass("rslItemFirst"))
$(item).removeClass("rslItemFirst");
$(item).addClass("rslLargeTick");
}
}
</
script
>
Regards,
Ianko
Telerik