Progress Telerik UI for ASP.NET Core

ASP.NET Core Rating

Name: UI for ASP.NET Core
Brand: Telerik
Rating: 8.8 (67 reviews)

Integrate a flexible option for rating your web content with the ASP.NET Core Rating component. Let your visitors share their opinion on your web posts by selecting the precise score with a single click in an intuitive way.
This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.

Download Free Trial

Overview

The Telerik ASP.NET Core Rating 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. It lets users use keyboard navigation with enhanced accessibility to give their vote and supports RTL rendering.

See Demo
Selection

Selection of a rating or stars can be configured in two different ways. You can allow either all stars up to the one selected or only the chosen star to be highlighted.

See the ASP.NET Core Rating Selection demo
Label

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 Demo
Tooltip

Enabled by default, the tooltip feature allows you to display the text equivalent of the rating’s numeric value upon hovering over the rating shape. You can easily disable the tooltip by setting the Tooltip property of the component to false.

See the Telerik UI for ASP.NET Core Rating Tooltip in action
Precision

Users are not always set on a round number when it comes to rating products, that is why the Telerik ASP.NET Core Rating has the option of adding halves. By modifying the precision property, you can enable users to give a 4.5/5 rating or constrain the rating to an integer value.

Check out the documentation on Precision
Events

The component features various events OnClick and OnHover, including Select, ChangeValue, Tooltip display and more. The full list of supported events is available in our documentation.
Templates

The Rating component gives you the ability to customize its appearance to fit your design requirements. By default, each rating item is rendered as a star icon. To modify the default icon, you can use the ItemTemplate, SelectedTemplate and HoveredTemplate properties. To see sample templates, visit this demo page.

See more on how to customize the appearance of the Rating component
Handling Average Values

The component’s value can be a real number precision up to a single decimal point (e.g. 0.4, 0.5, 3.9, etc.) for when you need to display an average. This number is rounded when rendering for the purpose of displaying full/half-full item. The value itself is displayed in the control's label.
Razor Pages

The Rating component is compatible with the ASP.NET Razor Pages framework. It is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository.
HTML and Tag Helpers

Telerik UI for ASP.NET Core provides you with two ways to declare UI components—by using either HTML or Tag helpers. You can use them to help you easily configure the Rating component.

See Demo
RTL Support

The Rating component has built-in support for right-to-left scripts. You can easily adapt it by changing the default alignment from left-to-right to right-to-left and vice versa with only a few settings.
Keyboard Navigation and Accessibility

The Telerik UI for ASP.NET Core Rating is one of the many components in the suite with out-of-the-box support for keyboard navigation. Users can easily navigate the component using the arrow keys to cast their vote. The component is compliant with Section 508 and WCAG guidelines.

Check out the ASP.NET Core Rating Keyboard Navigation demo
Rating Theming

The Rating component has 20+ built-in themes. You can easily customize any of the out-of-the-box themes with a few lines of CSS or create new themes to match your colors and branding with the Telerik SASS ThemeBuilder application.