I'm trying to simulate a bullet chart with a radrating control. What I need is the individual items in the control to not have space between them. I need the rating control to look like one solid image. I don't see any attributes on the control to do this, is there any CSS that might help?
Thanks,
Jamie
Thanks,
Jamie
1 Answer, 1 is accepted
0
Hello Jamie,
You could achieve that with the following style:
Changing the margin right value will change the space between rating items. if you change it to minus 10, the items will overlap each other:
Best wishes,
Bojo
the Telerik team
You could achieve that with the following style:
.RadRating ul li { margin-right: -3px; }Changing the margin right value will change the space between rating items. if you change it to minus 10, the items will overlap each other:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><style type="text/css"> .RadRating ul li { margin-right: -10px; }</style><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <telerik:RadRating ID="RadRating1" runat="server" ItemCount="5" Value="3" SelectionMode="Continuous" Precision="Half" Orientation="Horizontal" /> </form></body></html>Best wishes,
Bojo
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.