No Space Between Items?

2 posts, 0 answers
  1. Mike
    Mike avatar
    8 posts
    Member since:
    Apr 2011

    Posted 03 Aug 2011 Link to this post

    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?

  2. Bozhidar
    Bozhidar avatar
    677 posts

    Posted 04 Aug 2011 Link to this post

    Hello Jamie,

    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" "">
    <style type="text/css">
        .RadRating ul li
            margin-right: -10px;
    <head runat="server">
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        <telerik:RadRating ID="RadRating1" runat="server" ItemCount="5" Value="3" SelectionMode="Continuous"
            Precision="Half" Orientation="Horizontal" />

    Best wishes,
    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.

  3. DevCraft R3 2016 release webinar banner
Back to Top