Star Rating React Widget

Stable Version 1.0.1 (OutSystems 11)
Published on 30 Mar by 

Star Rating React Widget


Usage - Short Version:

  1. Add StarRatingWidget_CW as a dependecy 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.