Skip to main content

Rate How To's

How to's for the Rate guide.

How to Use Rate?

How to Use Rate?

The Rate component can be easily added to forms where evaluation, star rating, or score collection is required.

1. How to Add the Rate Component to a Form?

  1. Open the form design screen.
  2. Go to the Toolbox panel.
  3. Locate the Rate component.
  4. Drag and drop it onto the form.
  5. Click the component and configure its basic settings under the General tab.

2. Key Properties

When the Rate component is selected, the following properties can be configured:

PropertyDescription
CountThe maximum number of points/stars the user can select.
Allow HalfDetermines whether half-star ratings are allowed.
Allow ClearWhen enabled, clicking the selected star again will clear the rating. When disabled, at least one star must remain selected (or half a star if Allow Half is enabled).
TooltipDescriptions shown when the user hovers over each rating point.

3. Accessing the User’s Rating Value

The value selected in a Rate component can be accessed just like any other form control:

  • In server-side operations
  • In business rules
  • In JavaScript / TypeScript events

This makes it easy to use the rating value in workflows, calculations, or record processing.


What Is Rate?

What Is Rate?

Rate is a form component used to allow users to provide evaluations—typically star-based or point-based ratings.
It is commonly used for user feedback, satisfaction scoring, or quality assessment.

With this component, users can:

  • Select from multiple stars
  • Leave a rating within a specified score range
  • Use a visually intuitive rating interface

Where Is It Used?

The Rate component is typically used in:

  • Customer satisfaction surveys
  • Product/service evaluation screens
  • User feedback forms
  • Performance, quality, or status assessment forms

Location in the Development Interface

  • When the form design screen is active, it appears in the Toolbox section.
  • It is added to the form via drag-and-drop.
  • When selected, the Property Viewer displays the following tabs:
    • General
    • Label
    • Behavior
    • Appearance
    • Events