Previous Next JavaScript must be enabled to correctly display this content

## 9.19 Steps to use Additional Buttons provision in Task Screen

This topic provides the systematic instructions to perform the basic operations on the selected records.

In the custom component (example - fsgbu-ob-slp0-vp-wl-locked-task-extended) from where user will be calling fsgbu-ob-cmn-fd-work-list, make the following changes:

1. In the js file user can declare an array of the buttons user want to include like this-

       self.extraButtons = [{       label: 'Extraa',       icons: {
       start: 'oj-ux-ico-refresh' },       display: 'all',
       accessTo: ['L', 'F', 'H', 'C', 'S', 'A', 'O', 'T', 'WFCC']
         },   {       label: 'Extrab',
       icons: { start: 'oj-ux-ico-refresh' },
       display: 'all',       accessTo: ['L', 'F']
         }
          ]

2. And also the method which needs to be executed on the button click.

       self.extraa = function(data){
       console.log("it got called");
            }

   Note:

   The function name should be same as label of the button (in lower case).
3. In the HTML file, additional buttons attribute needs to be included like this:

        <fsgbu-ob-cmn-fd-work-list id='completedTaskGridCCA' dashboard-id='STANDARD'
       dashboard-queue-name='ACQUIRED' dashboard-queue-type='L' worklist-
       columns='{{columnArray}}'  additional-columns='{{additionalColumns}}'
       additional-buttons='{{extraButtons}}' page-size=20>
       </fsgbu-ob-cmn-fd-work-list>

4. In the json file, the methods which would be implemented on the custom button click needs to be exposed.

           "methods": {
             "extraa": {
               "description": "Would be implemented on Extraa button click"
             },
              "extrab": {
                "description": "Would be implemented on Extrab button click"
             }
            }

Parent topic: Extensibility Use Cases for OBX