For this problem We used this github code , now feature is working fine. but instead of stars, its displaying square boxes if we click inside textfield as here :

enter image description here

you can check here after clicking Add Review Tab.

git hub code

SrkaReviewStars = Class.create();
SrkaReviewStars.prototype = {
    initialize: function(reviewTableId){
        var _this = this;
        _this.ratingTable = $(reviewTableId);
        _this.ratings = {};
        _this.html = '';

        this.ratingTable.select('tbody > tr').each(function(row, row_count){
            var ratingCode = row.select('.radio')[0].readAttribute('name');
            var ratingLabel = row.select('th')[0].innerHTML;
            var ratingOptions = [];

            _this.ratings[ratingCode] = {
                code: ratingCode,
                label: ratingLabel,
                options: ratingOptions

Hi there is only Image Missing Issue in site so your Image not display.

Your Code in almost Fine and Working Well just doing CSS for this image with Class.please check below screenshot for this.

enter image description here

  • okay i will try in another site, Thanks a lot. Jul 7 '16 at 7:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.