Intro

The rating control form cell is used to indicate an average rating for an object in a form cell. It also allows users to set their own rating on a numerical scale from 1 (lowest) to 5 (highest).

Rating control form cell in compact width (left) and regular width (right)

Rating control form cell in compact width (left) and regular width (right)

Anatomy

A. Label

The label describes the intent of the rating.

B. Rating Controls

The rating controls display the rating of an object.

Rating control form cell anatomy

Rating control form cell anatomy

Behavior and Interaction

Users can set a rating in a rating control form cell using the larger interactive type of rating control. They can either tap the stars individually or tap and slide their finger horizontally along the stars to choose the desired rating.

Tap to choose the desired rating