How to Use Power Apps Rating Control? [With Examples]

One of my team members asked me if we could give ratings in the Power Apps form. Yes, of course, we can provide the Power Apps ratings and store that rating value in a SharePoint list.

In this article, I will explain the Rating control in Power Apps, its properties, and how to use Power Apps Rating Control. Additionally, we will see how to save the Power Apps ratings in a SharePoint list.

Power Apps Rating Control

The Power Apps Rating Control allows users to provide feedback and ratings within their applications by selecting a value between 1 and a maximum number, as the user specifies.

Typically, it is represented by a star icon that enables users to rate something based on their performance in an interview or provide feedback on a product or service.

By default, the control displays a maximum of 5 stars, but users can adjust the minimum and maximum values through the control’s properties.

Power Apps Rating Control

This is the overview of Power Apps Rating Control.

Power Apps Rating Control Properties

In this section, I will explain the properties of the Power Apps Rating control.

Property NameDescription
AccessibleLabelThis property is assigned to a screen reader label.
Border ColorA user can specify the color for a border.
Border StyleThis property specifies the type of border that the control should have [“Solid,” “Dashed,” “Dotted,” “None”]
DefaultWhen the user opens the app, we can specify the value.
DisplayModeDetermines whether it enables user input (Edit), only displays data (View), or is disabled (Disabled).
DisabledBorderColorWhen the DisplayMode property of the control is set to Disabled, it indicates a color for the control’s border.
MaxThe maximum value that a user can set on a rating.
OnChangeWhen the user changes a value, it specifies what action to perform.
OnSelectWhen the user clicks on a control, it specifies what action to perform.
RatingFillThis property utilizes color to represent the rating of stars.
ResetResetting the controls to their default value can be beneficial.
ShowValueConsider displaying the value of a rating control during a user’s interaction or when they rate it.
VisibleHere, we can specify whether the rating control can be visible.

These are the properties of a Power Apps rating control.

How to Use Power Apps Rating Control

This section will show you how to use a Power Apps rating control with a few examples.

Example 1: [Display label value based on Power Apps Ratings]

I have created a Power Canvas app and then added a Rating control. I have set the maximum value as 10; whenever the user provides the rating (let’s say 6), the text label will display the user-set value as shown below:

how to create a meeting room in office 365

Let me show you how to achieve this:

  • Sign into your Power Apps with your valid Microsoft 365 Credentials.
  • Create a Blank canvas app -> On the Power Apps screen, insert a Rating control.[Click on +Insert -> Expand Input -> Select Rating].
Rating Control in Power Apps
  • Select the Rating Control -> Set its Max property to:
10
Add Rating control in Power Apps
  • Now, I will rename the Rating control to “rtg_UserSelection” as shown below:
How to add Power Apps Rating control
  • Insert a Text label -> Set its Text property to:
rtg_UserSelection.Value

Where,

  1. rtg_UserSelection = Rating control name
Using Power Apps Rating Control
  • Once the app is ready, savePublish, and Preview it. The text label will display the values based on the user-provided rating.
How to work with a Power Apps rating control

Example 2:

I added a Text label and Rating control on the Power Apps screen. Whenever the user provides a rating of more than five, the text label will say “Good”; if it is less than five, it will say “Poor,” as shown below:

How to use rating control in Power Apps

Follow the below steps to achieve this:

  • On the Power Apps screen, insert a Rating control as shown below:
create a shared calendar in office 365 sharepoint
  • Insert a Text label -> Set its Text property to:
If(
    rtg_Comparative.Value >= 3,
    "Good",
    "Poor"
)

Where,

  1. rtg_Comparative = Rating control name.
sharepoint online calendar web part
  • Once the app is ready, savepublish, and preview it. The text label will display the text as “Good” when the user provides a rating greater than 5; otherwise, the text label will display “Poor.”
Create a equipment in office 365

This is how we can work with a Power Apps rating control.

Save Power Apps Rating Value in SharePoint List

This section will show how to store Power Apps ratings in a SharePoint list.

I have a SharePoint list [Employee Monthly Performance] that has various columns like:

Column NameData Type
Employee IDTitle
Employee NameSingle line of text
Employee PerformanceNumber
sharepoint modern calendar web part

On my Power Apps screen, I have inserted an Edit form connected to the above SharePoint list.

I have replaced the text input control of the number column with a Rating control. When the user provides a rating in the form and click on the Submit button, the provided data will be saved to the above SharePoint online list as shown below:

sharepoint calendar web part month view

After submitting the data to the SharePoint list, it will look like this as shown below:

Power Apps bind rating control to SharePoint list column

Follow the below steps to achieve this:

  • On the Power Apps screen, insert an Edit form -> Set its Data source property to:
'Employee Monthly Performance'

Where,

  1. Employee Monthly Performance = SharePoint online list name
calendar in office 365 SharePoint
  • The form contains the text input control of the number column; replace it with Rating control as shown below:
calendar in office 365 SharePoint
  • Insert a Button control -> Set its OnSelect property to:
Patch(
    'Employee Monthly Performance',
    Defaults('Employee Monthly Performance'),
    {
        Title: txt_EmployeeID.Text,
        'Employee Name': txt_EmployeeName.Text,
        'Employe Performance': rtg_EmployeePerformance.Value
    }
)

Where,

  1. Employee Monthly Performance = SharePoint online list name
  2. Employee ID = SharePoint list title column
  3. txt_EmployeeID = Text-input control name
  4. Employee Name = SharePoint list column name
  5. txt_EmployeeName = Text-input control name
  6. Employee Performance = SharePoint list number column name
  7. rtg_EmployeePerformance = Rating control name
calendar in office 365 SharePoint
  • SavePublish, and Preview the app. Provide all the details, including the rating control, and then click the Submit button.
sharepoint modern calendar web part

The provided data will be saved to the SharePoint list below.

Create a rooms in office 365

Conclusion

I hope you know how to work with a Power Apps Rating control and its uses. We also saw how to save the Power Apps rating values in a SharePoint list.

Moreover, you may like some more Power Apps tutorials:

>

Build a High-Performance Project Management Site in SharePoint Online

User registration Power Apps canvas app

DOWNLOAD USER REGISTRATION POWER APPS CANVAS APP

Download a fully functional Power Apps Canvas App (with Power Automate): User Registration App

Power Platform Tutorial FREE PDF Download

FREE Power Platform Tutorial PDF

Download 135 Pages FREE PDF on Microsoft Power Platform Tutorial. Learn Now…