Enable/Disable Container On Button Click

Hello everyone ,

-I want to Disable/Enable Container using button (on click)  so it is Possible to switch disable / enable container?

note: Without java script

Hello Akshay,

Look the example on application.

Regards.

Hi Akshay,

what do you mean by disable or enable container ? Is it about container visibility ?

Hi,

Create a local variable, and put in your container:

and in your button/action, follow the example:

Regards.

Suprio Roy wrote:

hello Suprio, 

it is not about visibility i want like input widget means (it is inbuilt property enable /disable  )

may be image will clearly raise my question so please check once

image 1 :output image

image 2:outsystem image


Hi Akshay,

what do you mean by disable or enable container ? Is it about container visibility ?



Agno Silveira wrote: 

hello agno Silveira,

thank you for Your Quick response but that is not a my question

it is about (enable/disable ) not about (visibility control- hide/show) have any suggestion for enable /disable container (like input widget ) visibility is other i want just edit/not edit property for container

Hello Akshay,

Look the example on application.

Regards.



Akshay Deshpande wrote:

Agno Silveira wrote: 

hello agno Silveira,

thank you for Your Quick response but that is not a my question

it is about (enable/disable ) not about (visibility control- hide/show) have any suggestion for enable /disable container (like input widget ) visibility is other i want just edit/not edit property for container

Hello Akshay,

Look the example on application.

Regards.



 Yes, User this css in your container:

pointer-events: none !important; 


Regards.

 

More example to disable/enabel with local variable:

Regards.

Hi Akshay ,


Use simple extend property like

and result is div/container is disabled.

also you can bind a local variable with text "disabled" and onclick event you can set with this property.


Hope this will help you.

Regards

Rahul Sahu

Agno Silveira wrote: hello agno 

i tried that but its not working as i want still  i think you got my problem 

i will try again with that solution 

thank you..

regards , 

AkSHAY DESHPANDE

Akshay Deshpande wrote:

Agno Silveira wrote: 

hello agno Silveira,

thank you for Your Quick response but that is not a my question

it is about (enable/disable ) not about (visibility control- hide/show) have any suggestion for enable /disable container (like input widget ) visibility is other i want just edit/not edit property for container

Hello Akshay,

Look the example on application.

Regards.



 Yes, User this css in your container:

pointer-events: none !important; 


Regards.

 



Rahul Sahu wrote:hello rahul sahu

yes i got that what you want to say but again issue is that that container is not disable 

i can still edit that input widget even i apply that disabled property 

i just simple want if container is disable than (it is un-clickable or else we can say not editable )


thank you 

regards,

Akshay Deshpande


Hi Akshay ,


Use simple extend property like

and result is div/container is disabled.

also you can bind a local variable with text "disabled" and onclick event you can set with this property.


Hope this will help you.

Regards

Rahul Sahu



Solution

Akshay Deshpande wrote:


Hi Akshay,

On button click action use a boolean variable and set it's property to True and then refresh the container. Then on extended properties of the container put style=

If(IsActive,"pointer-events:none","")

 IsActive is the boolean variable with default value set as False.

Agno Silveira wrote: hello agno 

i tried that but its not working as i want still  i think you got my problem 

i will try again with that solution 

thank you..

regards , 

AkSHAY DESHPANDE

Akshay Deshpande wrote:

Agno Silveira wrote: 

hello agno Silveira,

thank you for Your Quick response but that is not a my question

it is about (enable/disable ) not about (visibility control- hide/show) have any suggestion for enable /disable container (like input widget ) visibility is other i want just edit/not edit property for container

Hello Akshay,

Look the example on application.

Regards.



 Yes, User this css in your container:

pointer-events: none !important; 


Regards.

 





Solution

Hi Akshay,


Find attached oml for help

demo - Disable Div


And check in your theme have this css

[disabled="disabled"], [readonly="readonly"], textarea[readonly="readonly"] {

    background-color: var(--color-neutral-2);

   border: 1px solid var(--color-neutral-4);

    color: var(--color-neutral-6);

   pointer-events: none;

}


else you can add

Suprio Roy wrote:

Akshay Deshpande wrote:


Hi Akshay,

On button click action use a boolean variable and set it's property to True and then refresh the container. Then on extended properties of the container put style=

If(IsActive,"pointer-events:none","")

 IsActive is the boolean variable with default value set as False.

Agno Silveira wrote: hello agno 

i tried that but its not working as i want still  i think you got my problem 

i will try again with that solution 

thank you..

regards , 

AkSHAY DESHPANDE

Akshay Deshpande wrote:

Agno Silveira wrote: 

hello agno Silveira,

thank you for Your Quick response but that is not a my question

it is about (enable/disable ) not about (visibility control- hide/show) have any suggestion for enable /disable container (like input widget ) visibility is other i want just edit/not edit property for container

Hello Akshay,

Look the example on application.

Regards.



 Yes, User this css in your container:

pointer-events: none !important; 


Regards.

 





 

 I got confused.

which post is the real solution..?

:D