How to hide UI action button based on condition

[vidhya_mouli]

I have a UI button Ready for delivery. This button should be visible only when the stage is in_progress. When user clicks on this button, it should update the stage to ready_for_delivery and hide this button. How do I do this?

I am updating the stage through a flow.

[Community Alums · Accepted solution]

Hi @vidhya_mouli ,

I tried your problem in my PDI and it works for me. In your UI Action add below condition 

current.state == 'ready_for_delivery' (In string)

Note: If you are using current.state you need to be client to false so that's why it works 

Result 

Please mark my answer correct and helpful if this works for you

Thanks and Regards 

Sarthak

[vidhya_mouli]

This worked thanks. But I have another issue now. When I click on the button, the stage changes as expected. But the button does not disappear immediately. I had to refresh the page. How do I make ti disappear immediately.

[Community Alums]

Hi @vidhya_mouli ,

You need to change the state and save the form than the button will show and hide basied on your condition 

Now I change the state and save the form

Please mark my answer correct and helpful if this works for you

Thanks and Regards 

Sarthak 

[vidhya_mouli]

This button is not in the back end. It is in the agent workspace.