Rating

Rating Overview

The Rating component is a visible component which can be used to display the rating of a product or content in your app, and allow the user to leave their own rating.

A Rating component is made up of 5-10 icons. An icon can be filled, partially filled, or empty, as seen below:

A Rating component displaying a rating of 3.5/5

Event Blocks

On Rate

This block fires when a user enters a rating in the Rating component.

Properties

Count

Maximum rating that can be given. Can be an integer between 5 and 10, selected from a drop-down menu.

Direction

Select how the Rating component is displayed: as a row (left-right), row-reverse (right-left), column (top-bottom), or column-reverse (bottom-top).

Font Size

Change the size of the icons that make up the Rating component.

Height

Set or get the height of the rating component in pixels.

Icon Margin

Get or change the size of the margin between the icons of the Rating component.

Icon

You can select an image from the list available. All of the image options are suitable for any platform. You can preview the image options here.

You can upload your own images to be displayed for filled and empty icons.

Read Only

Toggle whether the user can edit the value displayed on the Rating component. If read-only is true, the value cannot be edited. If read-only is false, the value can be edited.

Rating Background Color

Select the color of an unfilled icon.

Rating Color

Select the color of a filled icon.

Value

Initial value displayed on the Rating component. Can be any number between 0 and the maximum value, including decimals.

Visible

Toggle whether your Rating component is visible.

Width

Set or get the width of the rating component. Given in Pixels.

X

Set or get the horizontal position of the rating component on the screen.

Y

Set or get the vertical position of the rating component on the screen.