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

Is this possible?

4 Answers 38 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Boris
Top achievements
Rank 1
Boris asked on 24 Dec 2012, 01:57 PM
This is not life or death but I was wondering if it was possible to control the orientation of individual ticks on a RadSlider.  (The RadSlider itself has to be oriented horizontally.)

For example, I have one displaying a range of years so instead of displaying '2012' I'd like it to display
2
0
1
2.

Thanks.

4 Answers, 1 is accepted

Sort by
0
Misho
Telerik team
answered on 26 Dec 2012, 10:12 AM
Hi,

This behavior could be achieved by adding <br /> tags after each character inside the Text property value of the RadSliderItem in the following way:

<telerik:RadSlider ID="RadSlider_Items" runat="server" ItemType="item" Width="350px"
      Height="70px"  TrackPosition="TopLeft" >
      <Items>
          <telerik:RadSliderItem Text="2<br />0<br />1<br />2" Value="1" CssClass="verticaltext"></telerik:RadSliderItem>
          <telerik:RadSliderItem Text="2<br />0<br />1<br />3" Value="1" CssClass="verticaltext"></telerik:RadSliderItem>
      </Items>
  </telerik:RadSlider>




Regards,
Misho
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Boris
Top achievements
Rank 1
answered on 26 Dec 2012, 01:48 PM
Excuse me but I have very little CSS experience. 

Simply inserting <br/>s does not work.  I've looked through every single slider demo and I cannot find this 'verticaltext' class. Where is it documented?

For that matter is there any place in your documentation that clearly documents Telerik CSS?  So far I can't find it.
0
Accepted
Princy
Top achievements
Rank 2
answered on 27 Dec 2012, 05:10 AM
Hi,

You can align the text using br tags without using the CSS class. Attached is the screenshot.
aspx:
<telerik:RadSlider ID="RadSlider_Items" runat="server" ItemType="item" Width="350px"
            Height="70px" TrackPosition="TopLeft">
            <Items>
                <telerik:RadSliderItem Text="2<br />0<br />1<br />2" Value="1"></telerik:RadSliderItem>
                <telerik:RadSliderItem Text="2<br />0<br />1<br />3" Value="1"></telerik:RadSliderItem>
            </Items>
        </telerik:RadSlider>

Thanks,
Princy.
0
Boris
Top achievements
Rank 1
answered on 22 Jan 2013, 06:07 PM
Thanks.  After a bit of hacking I was able to get it work.

(Then we decided there wasn't enough room for vertically oriented labels....)
Tags
Slider
Asked by
Boris
Top achievements
Rank 1
Answers by
Misho
Telerik team
Boris
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Share this question
or