loading-button-with-timer
Reactive icon

Loading Button with Timer

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 08 August 2025
 by 
5.0
 (1 rating)
loading-button-with-timer

Loading Button with Timer

Documentation
1.0.0

How to Use

Using this component is quick and easy:

  1. Install the application in your environment from the Forge.

  2. After installation, open the screen where two examples are already provided:

    • A custom button with a label

    • A button with a timer

  3. In each button's click action, you’ll find a JavaScript block. This is where the main logic runs.

  4. The JavaScript function uses input parameters. Here’s what you need to pass:

    • buttonId: The ID of your button widget (set via Extended Properties in OutSystems)

    • labelId: The ID of the label text widget for the button

    • timerSeconds: (Only for timer button) The number of seconds to disable the button after click — usually set to 60

  5. You can easily reuse and configure this logic on other buttons by setting the correct IDs and adjusting the timeout duration.