Different star color if user already voted?

[dmhendricks]

Can you recommend the best way to make the stars a different color if the user has already voted?

For example, the stars are yellow and display the aggregate rating. However, if someone clicks to vote, the star colors change to red (to show that the user has voted and to distinguish from the aggregate color).

Thank you,
Daniel

[nashio]

Hello @dmhendricks,
I have added an alternate variable for setting this state.
use ratedColor in the settings to change the color once you click to rate/vote
https://github.com/nashio/star-rating-svg/blob/master/src/jquery.star-rating-svg.js#L24

[SirPhemmiey]

Hello good day.
Please how can I have multiple colors for sets of values? For instance, the user clicks 1+ it the color is red, if the user clicks 3+ the color is blue and if the user clicks 4+ the color of the star is yellow. How is this achievable please?
Then one more thing, how can I add a CSS to the stars that'll make them be in a kind of box or so?
Thanks for your swift response.

[mayurpimple]

I have same requirement . any solution?

[nashio]

I can see why the color per level would be useful, I'll try to work on a solution for this tonight.
@SirPhemmiey In regards to the "box", you would have to override with your own CSS

[nashio]

Added functionality to define a color per rated level, check the example for "changing level colors" in the demo.
https://nashio.github.io/star-rating-svg/demo/

[mayurpimple]

ratedColors:['red', 'red', 'orange', 'green', 'green'] thanks its working