Ratings

Default

This is the most basic example of ratings.

1 2 3 4 5

Score

Used when we want starts with a saved rating.

1 2 3 4 5

Number Of Stars

Changes the number of stars.

1 2 3 4 5 6 7 8 9 10

Number Max

Change the maximum of stars that can be created.

1 2 3 4 5

Read Only

You can prevent users to vote. It can be applied with or without score.

1 2 3 4 5

No Rated Message

If readOnly is enabled and there is no score, the hint "Not rated yet!" will be shown for all stars.

1 2 3 4 5

Cancel

Add a cancel button on the left side of the stars to cancel the score.

x 1 2 3 4 5

Space

You can change the space between the star and make them conjusted.

12345

Single

You can turn on just the mouseovered star instead all from the first until that one.

1 2 3 4 5

Half

Enables the half star mouseover to be possible vote with half values.

1 2 3 4 5

Star Half

Changes the color of the half star.

1 2 3 4 5

Custom Icon

Change the maximum of stars that can be created.

1 2 3 4 5

Icon Range

Change the maximum of stars that can be created.

    

Round Figure Enabled

  • Down: score <= x.25 the star will be rounded down;
  • Half: score >= x.26 and <= x.75 the star will be a half star;
  • Up: score >= x.76 the star will be rounded up.
1 2 3 4 5

Round Figure Disabled

  • Down: score < x.6 the star will be rounded down;
  • Up: score >= x.6 the star will be rounded up;
1 2 3 4 5
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?