Overview

To hide the stage 'Request Approved' on the List view.

Hide a stage value on the List-view and Service Portal view

1. For the List-view: Under Column Render - Workflow-driven ( ref: /nav_to.do?uri=column_renderer.do?sys_id=a56213111b030100adca1e094f0713ac ), the following code needs to be added to hide the stage.
   
   Replace lines 23 - 26 with the below:

var choices = api.getAllWorkflowChoices(current, jelly.jvar_ref);
api.addIconsAndStatus(choices);

       var currentChoice = choices.getChoice(0).getValue();

            if(currentChoice == "approved")
            {
             choices.removeChoice(0);
            }

       choices;

           Note: if List v3 is enabled, this will not work. The system must be using List v2. To disable List v3, in the left navigator, type "List v3" and click the "List v3" module. Then, when the page opens, uncheck "Enable List v3" and save. Then, the above code change will work properly.

This is the expected output. Stage 'Request Approved' is removed from choice.

           2. For Service Portal View: Go to https://<instance-name>.service-now.com/sp_ng_template.do?sys_id=c39057d0c73003002899a55e6c97633b

            Add this code:

           <div ng-if="data.choiceList.length > 0" class="requested-items-flex-container">
           <button class="flex-item" role="button" ng-click="toggle($event, item)" aria-expanded="{{data.expand}}" aria-label="${collapse state of request}">
           <img ng-if="!data.expand" src="images/filter_hide16.gifx" alt="${Expand state of request}"/>
           <img ng-if="data.expand" src="images/filter_reveal16.gifx" alt="${Expand state of request}"/>
           </button>
           <div class="flex-item" ng-if="!data.expand">
           <span ng-repeat="stage in data.choiceList.slice(1)">
           <img id="stage.{{stage.value}}" title="{{stage.displayValue}}"
           class="nopadding" src="images/heisenberg_icons/stage_icons/{{stage.image}}" alt="{{stage.displayValue}}" aria-hidden="true"/>
           </span>
           </div>
           <div class="flex-item" ng-if="data.expand">
           <div ng-repeat="stage in data.choiceList.slice(1)">
           <div class="stage-on">
           <img id="stage.{{stage.value}}" title="{{stage.displayValue}}"
           class="nopadding" src="images/heisenberg_icons/stage_icons/{{stage.image}}" alt="{{stage.displayValue}}" aria-hidden="true"/>
           <span aria-hidden="true">{{stage.displayValue}}</span>
           </div>
           </div>
           </div>
           </div>

           As seen in this screenshot, the Request Approved stage is removed.