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
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
1 Answer, 1 is accepted
0
Hello Gordon,
In case I understand you correctly, you have the following slider definition:
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?
Regards,
Tsvetie
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
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"> |
| </telerik:RadSlider> |
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?
Regards,
Tsvetie
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.