In Development
Last Updated: 21 Apr 2026 12:14 by ADMIN
Scheduled for 2026 Q2
Paul
Created on: 21 Apr 2026 07:34
Category: Rating
Type: Bug Report
1
Ratings not working with body margin 0

When the body has no margin, and a Rating with Precision set to Half or Exact cannot apply the hovered styles to the ratings. This happens whenever the Rating component is inside a ListView.

The below code demonstrates the issue:

<telerik:RadListView ID="lvRatings" runat="server" DataKeyNames="ID">
    <ItemTemplate>
        <div>
            <asp:Label ID="lblRating" runat="server"><%# Eval("Value")%></asp:Label>
            <telerik:RadRating ID="rrRating" runat="server" RenderMode="Lightweight" Precision="Item" /> <%--this is the one that works--%>
            <telerik:RadRating ID="RadRating1" runat="server" RenderMode="Lightweight" Precision="Half" /> <%--this is the one that does not work when body margin is set to 0--%>
        </div>
    </ItemTemplate>
</telerik:RadListView>

<telerik:RadListView ID="lvTextCriteria" runat="server" DataKeyNames="ID">
    <ItemTemplate>
        <div>
            <asp:Label ID="lblCriteria" runat="server"><%# Eval("Value")%></asp:Label><sub> (max 1000 chars)</sub>
            <asp:TextBox ID="txtCriteria" runat="server" TextMode="MultiLine" Rows="5" Width="100%" MaxLength="1000"></asp:TextBox>
        </div>
    </ItemTemplate>
</telerik:RadListView>
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindRatings();
        BindTextCriteria();
    }
}

private void BindRatings()
{
    var dt = new DataTable();
    dt.Columns.Add("ID", typeof(int));
    dt.Columns.Add("Value", typeof(string));

    dt.Rows.Add(1, "Overall Experience");
    dt.Rows.Add(2, "Quality of Service");
    dt.Rows.Add(3, "Value for Money");
    dt.Rows.Add(4, "Staff Friendliness");
    dt.Rows.Add(4, "Staff Friendliness");
    dt.Rows.Add(4, "Staff Friendliness");

    lvRatings.DataSource = dt;
    lvRatings.DataBind();
}

private void BindTextCriteria()
{
    var dt = new DataTable();
    dt.Columns.Add("ID", typeof(int));
    dt.Columns.Add("Value", typeof(string));

    dt.Rows.Add(1, "What did you like most about your experience?");
    dt.Rows.Add(2, "What could we improve?");
    dt.Rows.Add(3, "Any additional comments or suggestions?");
    dt.Rows.Add(3, "Any additional comments or suggestions?");
    dt.Rows.Add(3, "Any additional comments or suggestions?");
    dt.Rows.Add(3, "Any additional comments or suggestions?");
    dt.Rows.Add(3, "Any additional comments or suggestions?");

    lvTextCriteria.DataSource = dt;
    lvTextCriteria.DataBind();
}

To reproduce the issue, load the page, scroll down and try to hover over the Rating.

 

0 comments