How is your experience with the OutSystems Community?
196
Views
5
Comments
how to Enable and disable click Icon
Question
Application Type
Reactive

how to enable and disable click able event in button

2023-04-16 15-25-31
Krishnanand Pathak

Hi @Ak.

Do you want to enable or disable button ?

If yes then you can do this by using Enabled property of button widget.

Regards

Krishnanand Pathak

2022-07-03 17-24-08
Sourabh sharma

Hi Ak

As i understood your requirement !!! you want to disable or Enable the button on the event/action?. In Enable  property just assign the boolean var by that you can make it true or false for your requirement .. Hope this will help you!!



kind regards

2025-04-17 05-42-16
Ajit Kurane

Hi Ak,


you can achieve this one in a simple approach,


1) Take a local variable of boolean type and set its default value as "TRUE"


2)Add this variable to button enable property


3)Add onclick event to this button and under this action make this boolean variable value false.



Please find attached oml and demo link:

Ak (personal-xyog61l7.outsystemscloud.com)

Hope it helps you.


Thanks,

Ajit Kurane.


ButtonProperty.oml
2022-12-09 04-50-17
Shubham Doshi

Hello AK,

If you want to control the enable and disable property of button then you can do it with the Boolean variable.

If you want to control the clickable icon, then you can control it using the by setting up the enable property of the link associated to it using Boolean variable.

2025-10-02 21-27-12
João Ferreira

The best approach is to place the icon inside a button and use the Enable property. If that's not an option you can add this css in your project/block/screen:
Then on you icon(s) add this in the style classes property:

Remember that doing this does not guarantee the button is not clickable as you can change the css on the client side to make it available. Always perform a server side validation.

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