Home/ Questions/Q 6154323
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T20:14:39+00:00

I’m trying to implement the Star Rating Widget with 5 stars split in half,

  • 0

I’m trying to implement the Star Rating Widget with 5 stars split in half, but all I’m getting is 2 and a half stars where there should be 5.

2 stars and a half

I’m following the demo on the official site: http://orkans-tmp.22web.net/star_rating/index.html#main-menu=2&demo-tabs=4

As explained there, all I’ve done is

$(this).stars({ split: 2 });

If I set split: 1 everything works ok. I guess there’s a problem with the width, but my css/js skills are really low.

I’ve found a similar question ( wrong rendering of star rating jquery star rating widget and split stars ) but it doesn’t help me that much.

Thanks!

Edit: link to fiddle: http://jsfiddle.net/Xu9pM/1/ It doesn’t load the star, I hope it serves you anyway

Edit: update with a general view of the output along with the HTML and CSS
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That is absolutely correct behaviour!
    If you have originally 5 radio buttons, and you split them by 2, then you’ll have 2,5 stars, because each radio button is represented by a star/2.

    You should start with 10 radio buttons to end up with 5 stars split in half.

    In other words, no matter how much you split the stars, each piece will always represent ONE input (ie. radio button)

    All the best.
    The author 🙂

    • 0