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.