Rating Component - Documentation (O11) | OutSystems

Skip to Content (Press Enter)

Log in

rating-component

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded

on 6 Apr (20 hours ago)

by

0.0

(0 ratings)

rating-component

Documentation

1.0.0

Technical Documentation

1. Component Structure (Widget Tree)

To implement this component, follow this specific hierarchy in your OutSystems Block:

Container (Name: StarRatingContainer)
- Input Parameter: ContainerId (Map to StarRatingContainer.Id)
- Style Class: star-rating-wrapper
- Container (Name: IconTemplateContainer)
  - Style Class: icon-template
  - Child Widget: Insert an Icon or SVG here (this is your visual "mold").

2. Input Parameters

Parameter	Data Type	Description
ContainerId	Text	The unique Identifier of the parent container.
MaxSteps	Integer	The total number of icons to display (e.g., 5 or 10).
ActiveColor	Text	Hex code or CSS color for the filled portion (e.g., `"#f1c40f"`).
InitialRating	Decimal	The starting value to display (e.g., `3.5`).

3. Events

Event / Action	Description
OnRatingSelect	A Client Action triggered when the user releases the mouse or lifts their finger. It returns a Decimal value representing the selected rating.