How to Use: 

This component provides a native-like picker experience. Follow these steps to integrate it into your OutSystems application:

1. Placement & Hierarchy

Drag the InfinityWheel block onto your Screen.

2. Input Parameters

Configure the following properties in the Properties pane:

• ValueList (Text): A comma-separated string of options.

  • Example: "01, 02, 03, 04, 05" or "Monday, Tuesday, Wednesday".

• Height (Integer): The total height of the widget in pixels.

  • Recommended: 200 to 250.

• DefaultValue (Text): The item that should be selected by default when the wheel loads.

  • Example: "03".

________________________________

• Haptic Feedback: The component automatically triggers a light vibration on supported mobile devices (Android/iOS via Browser) during rotation.

• CSS Customization: To change the font or the color of the selection lines, override the .wheel-item and .wheel-selection-line classes in your Theme or Screen CSS.

• Data Transformation: If you have a list from an Aggregate, use the String_Join action (from the Text extension) to convert your list into the required comma-separated format for the ValueList input.