How to Prevent multiple clicks at the same button or link.

Hi all, 

can anyone help me how to Prevent multiple clicks at the same button or link?

thanks

Solution

Hello Praveen,

you can use page loader in order to Prevent multiple clicks at the same button or link.

by using page loader 

  • Prevent multiple clicks at the same button or link.
  • Prevent the user from interacting with the page until the action is done.


and here is the forge component you can use it in your application. 

https://www.outsystems.com/forge/component-overview/2715/page-loader


cheers,


Solution

Hi, friend.

In the Enabled button propertie, you can pass a boolean variable (image). This IsEnabled variable can be change inside the action to set false and refresh the screen to disable the click.

You can use many condition as you need to keep the button enable or disable.


Best regards.

Lenon Manhães wrote:

Hi, friend.

In the Enabled button propertie, you can pass a boolean variable (image). This IsEnabled variable can be change inside the action to set false and refresh the screen to disable the click.

You can use many condition as you need to keep the button enable or disable.


Best regards.


hello praveen, 


if you want to block the then screen then use page loader, if not you can use idea suggested by Lenon Manhães,

its all depends on how u want? 


cheers,

Hi Praveen,

If you are working on traditional web apps or mobile app then I would recomend you to use Button Loading widget in place of your current button.

It gives great UX and at the same time it will address your issue of preventing multiple clicks.