Include Star Ratings

You can receive quick and easy feedback on any part of your app by integrating a star rating.

To integrate a 5-star rating input into your app, follow the procedure below.

1. Open your already existing application or start a new one.

2. Add 10 star icons to your app, alternating between Star and Star Border icons.

   
   

   

   
   
3. Create a new app variable called Star rating.
4. Add the following in the Hidden property of each Star icon: =StarRating<[number], where [number] represents the position of the icon. For example, the first Star icon should be =StarRating<1, while the second should be =StarRating<2.
   
   

   

   
   
5. Add the following in the Hidden property of each Star Border icon: =StarRating>=[number], where [number] represents the position of the icon. For example, the first Star Border icon should be =StarRating>=1, while the second should be =StarRating>=2.
   
   

   

   
   

6. Configure the Clicked On event for all star icons. Add a Set Values values rule and configure it as follows:

   • Add the StarRating app variable in the Items to Set field.
   • Add =[number] in the Value field, where [number] depends on which icon you are configuring. The first pair of icons (Star and Star Border) will have =1, while the next pair will have =2, and so on.
     
     

     

     
     
7. Add a label control next to the last star and rename it to Rating.
8. Add the following in the Text property of the label control: ="Rating:" & StarRating.