Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Rating > No Space Between Items?

Not answered No Space Between Items?

Feed from this thread
  • Mike avatar

    Posted on Aug 3, 2011 (permalink)

    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

    Reply

  • Bozhidar Bozhidar admin's avatar

    Posted on Aug 4, 2011 (permalink)

    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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <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.

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Rating > No Space Between Items?
Related resources for "No Space Between Items?"

[  ASP.NET Rating Features  |  Documentation  |  Demos  |  Telerik TV  |  Self-Paced Trainer  |  Step-by-step Tutorial  ]