How to hide UI action button on change of field value

Supriya20 · ‎07-31-2022

Hi All,

We have a requirement to hide "request approval" button on change request form, based on the selection of field "Type" If the type is comprehensive then we need to hide RequestApproval button.
UI action is working only for onload. So I tried using DOM manipulator in client script. but it is trowing some error's. Please let me know, how to achieve this.

Script:

document.getElementById("requestapproval").style.display = 'none';

Error:

Thanks,

Supriya.

Ankur Bawiskar · ‎08-07-2022

Hi,

try this in the onChange client script of Type field

function onChange(control, oldValue, newValue, isLoading, isTemplate) {
    if (isLoading || newValue === '') {
        return;
    }
    
    if (newValue == 'comprehensive') {
        var items = $$('BUTTON').each(function(item) {
            if (item.innerHTML.indexOf('Request Approval') > -1) {
                item.show();
            }
        });
    }
	else {
		var itemss = $$('BUTTON').each(function(item) {
            if (item.innerHTML.indexOf('Request Approval') > -1) {
                item.hide();
            }
        });
	}
    //Type appropriate comment here, and begin script below

}

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

View solution in original post

MayurGavhane · ‎07-31-2022

Hi supriya,

1) Create a UI Policy --> Set Condition as field (check_box) is true

2) In the Script tab set Run scripts true

3) In the if condition write

$$('#action_name')[0].hide(); //This will hide the top button

$$('#action_name')[1].hide(); //This will hide the bottom button as well

4) In the else condition write

$$('#action_name')[0].show(); //This will show the top button

$$('#action_name')[1].show(); //This will show the bottom button as well

For reference,

check this How to hide/show an UI action on field changes

Please mark helpful.

Supriya20 · ‎07-31-2022

Hi Mayur,

I have tried the UI policy and still facing the error. In the step 1 : what do you mean by check_box?

"Set Condition as field (check_box) is true". Please check my script below.

Error:

onChange script error: TypeError: Cannot read properties of undefined (reading 'hide') function () { [native code] }

Ankur Bawiskar · ‎07-31-2022

Hi,

Usually UI actions are shown/hidden based on UI action condition and it gets evaluated only once.

Using DOM manipulation is not recommended.

I hope you must have marked Isolate Script Field = False for the UI action to allow DOM manipulation

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

Supriya20 · ‎07-31-2022

Hi Ankur,

Do I need to allow isolate script for UI action button "Request approval"? Can we achieve this without using DOM?

Thanks,

Supriya.