Tick number alignment

2 posts, 0 answers
  1. Gordon
    Gordon avatar
    1 posts
    Member since:
    Nov 2008

    Posted 01 Apr 2009 Link to this post

    I have a small issue with the slider and how it aligns the values to the ticks. We have a very simple slider, with values 1 to 5 representing years, my issue is that the number 1 under the first tick is offset to the right of the tick and the number 5 under the last tick is offset to the left so it looks a bad.

    The slider is quite wide (500px) to match the one above it which has a much larger range and more values and the misalignment looks pretty terrible, I have tried shrinking it down the but the offset issue is still there although not as bad, but this makes my page look terrible.

    I have tried using a variety of skins and they all behave in the same way.

    Any ideas anyone?

    Thanks in advance
  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 01 Apr 2009 Link to this post

    Hello Gordon,
    In case I understand you correctly, you have the following slider definition:
    <telerik:RadSlider ID="RadSlider1" runat="server" ItemType="Tick" Width="500px" Height="50px" 
        LargeChange="1" SmallChange="1" MinimumValue="1" MaximumValue="5" TrackPosition="TopLeft"

    However, when I tested this slider in FF and IE, the result I got was the same in both browsers - the text of the first and last ticks was aligned just below the tick mark. I have attached a screenshot for your reference.

    Could you please prepare and send us a simple running project, demonstrating the problem as well as a few screenshots showing the result you get? With which browser do you reproduce the problem?

    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
Back to Top