Hello Team,
Please let me know if there any way for displaying proper ticks in IE7
Because it will truncate the last tick as ("10") instead of ("100")
I need the exact width of RadSlider as mentioned below.
please see the example below in IE 7 and it is working fine in FF and IE 8
Thanks
Amol
Please let me know if there any way for displaying proper ticks in IE7
Because it will truncate the last tick as ("10") instead of ("100")
I need the exact width of RadSlider as mentioned below.
please see the example below in IE 7 and it is working fine in FF and IE 8
| <telerik:RadSlider runat="server" ID="sldLongResume" Orientation="Horizontal" ItemType="Tick" |
| SmallChange="1" LargeChange="50" Height="30px" ShowDragHandle="false" Width="97px" |
| IsSelectionRangeEnabled="true" TrackPosition="BottomRight" ShowDecreaseHandle="false" |
| ShowIncreaseHandle="false" Enabled="false" /> |
Thanks
Amol
2 Answers, 1 is accepted
0
Accepted
Hello Amol,
The problem in this case is a result of the Enabled="false" setting. In this case, the slider uses filter for IE and opacity for the other browsers to make the RadSlider look disabled. In this case however, the child elements of an element with filter cannot overflow the element itself. In case you remove the filter, the problem will be solved, but the slider will not look disabled:
Sincerely yours,
Tsvetie
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
The problem in this case is a result of the Enabled="false" setting. In this case, the slider uses filter for IE and opacity for the other browsers to make the RadSlider look disabled. In this case however, the child elements of an element with filter cannot overflow the element itself. In case you remove the filter, the problem will be solved, but the slider will not look disabled:
| <head runat="server"> |
| <title></title> |
| <style type="text/css"> |
| .RadSlider .rslDisabled |
| { |
| filter: none !important; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <telerik:RadSlider runat="server" ID="sldLongResume" Orientation="Horizontal" ItemType="Tick" |
| SmallChange="1" LargeChange="50" Height="30px" ShowDragHandle="false" Width="97px" |
| IsSelectionRangeEnabled="true" TrackPosition="BottomRight" ShowDecreaseHandle="false" |
| ShowIncreaseHandle="false" Enabled="false" /> |
| </form> |
| </body> |
Sincerely yours,
Tsvetie
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Amol
Top achievements
Rank 2
Rank 2
answered on 05 Oct 2009, 12:02 PM
Hi Tsvetie ,
Thank you very much for Quick reply.
Its working for IE 7.
Thank you very much for Quick reply.
Its working for IE 7.