Hide/visible ui action from ui action

[XYD23]

I have a ui action in which for one of the if condition I need to hide other ui action button else it should be visible.

Can we do it , if not is there any alternative idea?

[Sagar Pagar]

Hi @XYD23,

You can set the flag true/false based on on-click of UI action and use that flag to show/hide the another UI action.

If my response helps you resolve your issue. Kindly mark it as helpful & correct. It will be helpful to future readers! 👍🏻
Thanks,
Sagar Pagar

[XYD23]

Can you provide me an example?

[Jagadish Sanadi]

Hello XYD23,

For the UI action button you want to hide:

code
// Display condition script to hide the UI action button
// This script will evaluate to true unless the second UI action button is clicked
true;
For the second UI action button, write a script to set a flag or condition that will cause the first UI action button to be hidden:

code
(function() {
// Set a flag or condition to hide the first UI action button
var hideFirstButton = true;

// Get the name of the first UI action button you want to hide
var firstButtonName = 'first_button_name';

// Set the display condition for the first UI action button based on the flag
if (hideFirstButton) {
// Hide the first UI action button
g_ui_actions.hideAction(firstButtonName);
}
})();

In this script:

g_ui_actions.hideAction(actionName) is a ServiceNow function used to hide a UI action button by its name.
Ensure that you replace 'first_button_name' with the actual name of the UI action button you want to hide. When the second UI action button is clicked, it will execute the script to set the display condition of the first UI action button to false, effectively hiding it.

Please mark helpful if my reply helped you