On clicking save,  put a loader and disable the Save and cancel buttons

Hi Team,

 On clicking save, Need to  put a loader and disable the Save and cancel buttons in order to avoid multiple clicks.

Please suggest ,using Reactive web app


Thanks

Solution

Hi Ujwala,

Please find the oml attached. Hope it helps

Explanation- 

  1. Add loader icon.
  2. Add boolean variables to enable and disable "save", "cancel"  button and loader.
  3. Added custom js to disable the loader. You can add your processing logic here. Also, you can add custom CSS to change animation, look and feel of loader.

Thanks, happy coding :)

Loader.oml

mvp_badge
MVP
Solution

Hi ujwala,


The simplest way is to use Button Loading widget from OutSystems UI.

Check here, a step by step example on how to use it.


Kind Regards,

João

Solution

Hi Ujwala,

Please find the oml attached. Hope it helps

Explanation- 

  1. Add loader icon.
  2. Add boolean variables to enable and disable "save", "cancel"  button and loader.
  3. Added custom js to disable the loader. You can add your processing logic here. Also, you can add custom CSS to change animation, look and feel of loader.

Thanks, happy coding :)

Loader.oml

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.