Key Features

• Fixed & Flexible Dimensions: Set specific Width and Height parameters to match your UI design perfectly.

• Smart Instructional Text: * Auto-Centering: No manual X/Y coordinates needed; the "Scratch Here" label stays perfectly centered.

  • Text Area Styling: Control FontSize, FontColor, and TextBackgroundColor.

  • Enhanced Padding: Built-in vertical and horizontal padding (20px/25px) ensures your instructions look like a modern UI button, not cramped text.

• Interactive "Treasure" Placeholder: Drop any OutSystems content (Images, Expressions, or Blocks) into the placeholder. The scratch layer sits perfectly on top.

• Customizable Threshold: Set a Threshold percentage (e.g., 50%) to automatically trigger a "Success" event once the user has revealed enough of the card.

• Mobile-First Design: Optimized touch-event handling prevents accidental page scrolling while the user is interacting with the scratch area.

• Performance Optimized: Uses willReadFrequently and efficient pixel sampling to ensure high performance on both desktop and mobile devices.

Technical Input Parameters

How to Implement

1. Placement: Drag the ScratchCard block onto your Screen.

2. Content: Place your reward (e.g., a "20% OFF" Image) inside the Content placeholder.

3. Styling: Provide a CoverColor (e.g., "#C0C0C0" for Silver) and set your DisplayText