Kendo UI for jQuery

jQuery Rating

  • The jQuery Rating component gives your users an enjoyable way to rate content as they can enter a score with a simple click.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
_Original Kendoka_3
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery Rating component allows users to rate items with a certain number of stars or any other preferred shape, such as hearts, circles and more. The component features Selection, Precision, Labels, Tooltip and Templates settings for full customization. 

    See the jQuery Rating demo

    rating
  • Selection Modes

    The jQuery Rating component offers two selection modes. The most typical is one in which all indicators are selected up to the one selected. Optionally, only the clicked indicator will be selected.

    See the jQuery Rating Selection demo

    rating-selection
  • Precision

    It is common that you need to give users the ability to rate something other than a whole number. By modifying the precision property, you can enable users to give a 4.5/5 rating or constrain the rating to an integer value. 

    See the jQuery Rating Precision demo

    rating_precision
  • Labels

    Depending on your preference, you can add a label to the component to show the current rating’s numeric value. It can be displayed either as “3/6” or “3 out of 6”. If you prefer, you can also disable labels altogether.  See the jQuery Rating demo

    See the jQuery Rating Label demo

  • Tooltips

    By default, the jQuery rating component will show a tooltip containing the ratings numeric value on hover. This can easily be disabled.

    See the jQuery Rating Tooltip demo

  • Templates

    Much like the rest of Kendo UI for jQuery, the Rating component gives you the ability to completely customize the appearance to fit your design requirements.

    See the jQuery Rating Templates demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery Rating Keyboard Navigation demo

    keyboard-navigation
  • RTL Support

    Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any script preference and ease user interaction by toggling between left-to-right and right-to-let alignment with only a few settings.  

    See the jQuery Rating RTL Support demo

    rtl-support