Introducing the New WinUI Rating Control | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (172).NET Core  (29).NET MAUI  (186)Angular  (105)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (208)BoldSign  (12)DocIO  (24)Essential JS 2  (106)Essential Studio  (199)File Formats  (63)Flutter  (129)JavaScript  (217)Microsoft  (118)PDF  (80)Python  (1)React  (97)Streamlit  (1)Succinctly series  (131)Syncfusion  (866)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (49)Windows Forms  (61)WinUI  (68)WPF  (155)Xamarin  (160)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (145)Chart  (123)Cloud  (14)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (62)Development  (603)Doc  (7)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (37)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (479)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (39)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (29)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (358)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (30)Visual Studio Code  (17)Web  (567)What's new  (311)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Introducing the New WinUI Rating Control

Introducing the New WinUI Rating Control

We are glad to introduce the new WinUI Rating control in the 2022 Volume 3 release. It is used to provide or view ratings on a numeric scale for any service provided, such as movies, applications, and products.

The key features of the WinUI Rating control are:

Let’s look at these features and see how you can use the new WinUI Rating control in your app.


The WinUI Rating control provides accuracy levels for ratings, with flexible precision to handle full, half, or exact values:

  • Full—To round to the nearest value.
  • Half—To set the nearest half-value for ratings.
  • Exact—To set the exact value for ratings.


Design the Rating control in read-only mode to restrict the users from selecting the rating items. This mode allows users only to view the rating value.

Read-Only Mode in WinUI Rating Control
Read-Only Mode in WinUI Rating Control


You can show the exact rating value as a tooltip when the user hovers the mouse over any rating item.

WinUI Rating Control with Tooltip
WinUI Rating Control with Tooltip


Our WinUI Rating control has template support to add rating items such as images, paths, font icons, and other elements.

Rating Control with Heart Path Template
Rating Control with Heart Path Template

Rating Control with Image Template
Rating Control with Image Template


You can easily customize the WinUI Rating control with different styles for rated and unrated items, custom item count, and size options.


Customize the styles of rated and unrated items in the control.

Customizing the Style of WinUI Rating Control
Customizing the Style of WinUI Rating Control


Specify the number of items to be displayed in the Rating control.

Customizing the Items Count in the WinUI Rating Control
Customizing the Item Count in the WinUI Rating Control


Customize the size of each rating item in the control.

Customizing the Size of the WinUI Rating Control
Customizing the Size of the WinUI Rating Control

Getting started with the WinUI Rating control

We have seen the marvelous features of the WinUI Rating control. Let’s see how to add it to your app and use these features.

Step 1: Create a WinUI application.

First, create a simple WinUI project using the guidelines in the Create app with Windows App SDK documentation.

Step 2: Add the Syncfusion.Editors.WinUI NuGet package.

Then, install the latest Syncfusion.Editors.WinUI NuGet package in your project from the NuGet Gallery or installed location, C:\Program Files (x86)\Syncfusion\Essential Studio\WinUI\xx.x.x.xx\NuGetPackages.

Note: xx.x.x.xx denotes the version of the installed Syncfusion WinUI Editors package.

Step 3: Add the namespace.

Now, include the Syncfusion.UI.Xaml.Editors namespace in your XAML file with the following code.


Step 4: Initialize the WinUI Rating control.

Initialize the WinUI Rating control by adding the rating items, as shown in the following code example.

    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
     <syncfusion:SfRating Value="3">
       <syncfusion:SfRatingItem />
       <syncfusion:SfRatingItem />
       <syncfusion:SfRatingItem />
       <syncfusion:SfRatingItem />
       <syncfusion:SfRatingItem />

You can also initialize the Rating control using the ItemsCount property like in the following code example.

  <syncfusion:SfRating Value="3" ItemsCount="5" />

After executing these code examples, we will get a rating control like in the following image.

Integrating the Rating Control in WinUI App

Note: For more details, refer to the WinUI Rating control getting started documentation.


Thanks for reading! We have seen the features of the new Syncfusion WinUI Rating control rolled out in the 2022 Volume 3 release. To see all the available new upgrades in this release, take a look at our Release Notes and What’s New pages. Try the new features out and share your thoughts in the comments section below.

You can also download and check out our WinUI demo app in the Microsoft Store.

For current customers, the new version is available for download from the License and Downloads page. If you are not yet a Syncfusion customer, you can try our 30-day free trial to check out our newest features.

For questions, you can contact us through our support forums, support portal, or feedback portal. We are always happy to assist you!

Related blogs


Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top