Ratings

Rating system with touch & RTL support

RateIt is a free open-source plugin, supports touch and icon-font, highly customizable, HTML5 data attributes, RTL. More info: https://gjunge.github.io/rateit.js

Default

Basic
Inline

Read only

Present value
★★★★★
★★★★★
★★★★★
Present value
★★★★★
★★★★★
★★★★★

Icon font

Basic
★★★★★
★★★★★
★★★★★
Star
✪✪✪✪✪
✪✪✪✪✪
✪✪✪✪✪
Heart
❤❤❤❤❤
❤❤❤❤❤
❤❤❤❤❤
At
@@@@@
@@@@@
@@@@@

Sizing

50px
★★★★★
★★★★★
★★★★★
60px
★★★★★
★★★★★
★★★★★

Progressive enhancement

Using Select
★★★★★
★★★★★
★★★★★
Using Select and overriding min value
★★★★★
★★★★★
★★★★★

More settings

Value 5
★★★★★★★★★★
★★★★★★★★★★
★★★★★★★★★★
Value 8
★★★★★★★★★★
★★★★★★★★★★
★★★★★★★★★★

Javascript

Interaction
★★★★★
★★★★★
★★★★★
Inovation
★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★

RTL support

Default
★★★★★
★★★★★
★★★★★
Rated
★★★★★
★★★★★
★★★★★

Setting and Getting values

All properties can also be set on the fly. Here are a few examples:

★★★★★
★★★★★
★★★★★

AJAX example

Most times RateIt will be used using some Ajax. There are different ways of implementing it (with/without backing field, using data-* attributes etc.)

Product 1
★★★★★
★★★★★
★★★★★
Product 2
★★★★★
★★★★★
★★★★★
Product 3
★★★★★
★★★★★
★★★★★