• Collect measurable feedback on your products and services with the ASP.NET MVC Rating control. Let users share their opinion by selecting the precise score with a single click in an intuitive way. 
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    The Telerik UI for ASP.NET MVC Rating component allows users to intuitively rate items in their applications. It features multiple options to customize its rendering and behavior: rating scale (including handling avg. values), custom icons (stars, hearts, circles and more), single and continuous selection of items, keyboard navigation and accessibility. 

    Rating component demo
  • Selection

    The widget allows the user to control the selection behavior by configuring the selection option:

    • single - allows selecting a single item.
    • continuous - allows selecting all items from the start to the end.
    Explore the ASP.NET MVC Rating Selection options in this demo
    Telerik UI for ASP.NET MVC Rating - Selection
  • Precision

    The widget allows the user to control the precision with which an item is selected by configuring the precision option:

    • Item for selecting the whole item.
    • Half for selecting half of the item.
  • Handling Average Values

    The component allows the user to set values with one decimal point (e.g., 0.4, 0.5, 0.5, etc.) for scenarios where an average rating needs to be displayed. The number is rounded during the rendering phase for the purpose of displaying full or half-full items based on the value (> .5 shows full star, <= .5 shows half star). The value itself is displayed in the label of the control. 
  • Label

    The Rating component allows you to add a label next to the stars (or other preferred icons), showing the current rating value in digits and in the following formats: either as “2/5” or “2 out of 5”. In case you do not want a label, you can disable that option of the component. 
  • Templates

    You can easily customize the Rating component with templates. There are three properties for modification of the items: Item Template, Selected Template and Hovered Template that render the items, the selected state and the hovered state, respectively. If the properties are not specified, the Rating items will be displayed with star icons by default. 

    Explore the Telerik UI for ASP.NET MVC Rating templates
    Telerik UI for ASP.NET MVC Rating - Templates
  • Tooltip

    Each rating item displays a tooltip that is enabled by default and contains text equal to the item's value. Its content can be modified through the tooltip template option. Setting tooltip to false prevents displaying the tooltip. 

    See the Telerik UI for ASP.NET MVC Rating Tooltip

  • Events

    The Telerik UI for ASP.NET MVC Rating component fires various OnClick and OnHover events, including Select, ChangeValue, Tooltip and more. 

    Telerik UI for ASP.NET Core Events
  • RTL Support

    The Rating component supports right-to-left users, and you can easily adapt it for them by easily changing the alignment from left-to-right to right-to-left. 
    Telerik UI for ASP.NET Core RTL Support
  • Accessibility

    The Rating component is compliant with Section 508 and WCAG 2.1 guidelines to unsure your application is accessible to all users. 
    Telerik UI for ASP.NET MVC Accessibility
  • Keyboard Navigation

    Out-of-the-box keyboard navigation is supported by the ASP.NET MVC Rating component. It allows users to change their rating using the arrows. To see a full list of keyboard controls and user actions, visit this demo

    Telerik UI for ASP.NET Core Keyboard navigation
  • Theming

    You can style the ASP.NET MVC Rating component with the help of the multiple built-in themes and swatches the component comes with. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) themes and choose the swatch that best suits your application. 

    You can easily customize the available themes with a few lines of CSS or create a new one with the Progress SASS ThemeBuilder application to meet your client’s design requirements. 

All ASP.NET MVC Components

Next Steps