Star Rating React Widget

Stable Version 1.0.1 (OutSystems 11)
Published on 30 March 2020 by 
Stable Version 1.0.1 (OutSystems 11)
Published on 30 March 2020 by 
Created on 09 March 2020

Star Rating React Widget


Usage - Short Version:

  1. Add StarRatingWidget_CW as a dependency to your project.
  2. Add StarRating or StarRatingSmall to your desired screen(s), 
  3. Consume the OnClick event and optionally set Variables and CSS.

Usage - Detailed Version:

  • Under Manage Dependencies, choose StarRatingWidget_CW and decide if you want to consume StarRating, StarRatingSmall, or both
  • Open Desired Screen in your project. From UI Flows - MainFlow - StarRatingWidgets_CW - StarRatingWidgets, drag the widget onto the screen in the desired location
  • Consume the OnStarClicked event. Usually you will want this to update your Rating local variable. Update any Save actions as needed.
  • [Optional] Set value to Rating [Default: 0] to assign the value of the Rating
  • [Optional] Set value to CanChangeRating [Default: true] to determine whether rating can be updated
  • [Optional] Set value to MaxRating [Default: 5] to decide the number of available stars 
  • [Optional] Set the star color by updating the CSS class .star-rating. 
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Robert Carter who created this component.
Star Rating React Widget has no dependencies.