Radio button values displayed over stars

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Create an ASP.net page with a Listview control
2.Add rating control to the itemtemplate

The basic problem is that when there is more than one rating control on the 
page the value of the radio button is displayed over the star.

This happens in Chrome, IE, Firefox

I'm using the latest version of the code if that helps.

Any ideas?

Original issue reported on code.google.com by levyu...@gmail.com on 21 Jun 2010 at 4:22

[GoogleCodeExporter]

I'm seeing the same problem when I try to use this control inside the jQuery 
DataTables component.

These two lines appear to be the offending code:

                    control.cancel = $('<div class="rating-cancel"><a title="' + control.cancel + '">' + control.cancelValue + '</a></div>')

            var star = $('<div class="star-rating rater-'+ control.serial +'"><a title="' + (this.title || this.value) + '">' + this.value + '</a></div>');

Note that the value of the control's "value" attribute is enclosed within the 
<a>...</a> tag pair.  That's why it is showing the values over the stars.

They must be using some kind of CSS trick to try to hide it, but the CSS of 
other components may be interfering with it.

This control is too much trouble to use -- too complicated, too slow, and too 
bloated.  Now to find a simpler, better one.

Original comment by ronce...@gmail.com on 20 Aug 2010 at 8:36

[GoogleCodeExporter]

Original comment by diego.a...@gmail.com on 23 Feb 2013 at 5:12

• Changed state: Archived
• Added labels: Archived