Hide Request/Order button on portal without changing script on widget

[Rohan04]

I have a requirement of to hide Request/Order button on portal for the particular catalog item based on the condition of the variable. For that the requirement is that without touching the widget of the form, need to do the things...I have tried writing catalog client script but i am unable to reach upto the solution....

Your help will we Appriciated!!!

Thanks,

Rohan K

[Vasantharajan N · Accepted solution]

@Rohan04 - Please use top.document instead of document in the script and let me know the result. 

function onChange(control, oldValue, newValue, isLoading) {
    console.log('onchange triggered');
    console.log('isLoading:', isLoading);
    console.log('newValue:', newValue);
   if (isLoading || newValue == '') {
      return;
   }
   var condition = (newValue == 'single');
   console.log('condition:', condition);
   if (condition){
    hideAddToCartButton();

   }else{
    showAddToCartButton();
   }
 
   //Type appropriate comment here, and begin script below
   
}
function hideAddToCartButton(){
    console.log('hiding add to cart button');
    var addToCartButton = top.document.getElementById("submit-btn");
    console.log('hiding add to cart button12');
    if (addToCartButton){
        addToCartButton.style.visibility = "hidden"; // Hide the Order / Submit button ONLY from Service Portals
    }else{
        console.error('add to cart button not found');
    }
}

function showAddToCartButton(){
    var addToCartButton = top.document.getElementById("submit-btn");
    if (addToCartButton){
        addToCartButton.style.visibility = "visible"; // Show the Order / Submit button ONLY from Service Portals
    }else{
        console.error('add to cart button not found');
    }
}

[Community Alums]

https://snprotips.com/blog/2017/7/21/how-to-enable-dom-manipulation-in-the-servicenow-service-portal