Something I have really grown to love with Freedom UI lists is the ability to add row actions that can be performed for the selected row in a list. These quick actions make a nice way to allow users to perform quick actions without opening the full record page. Here’s a sample of a list with some row actions, these particular row actions are actions I’ve added on the Cases section list:

Adding actions to a list is pretty simple, but currently can’t be done in the page editor and you must modify the page code to add these. You’ll need to find the crt.DataGrid element in the viewConfigDiff. Then, you’ll need to add a node for rowToolbarItems to the values. Here’s a sample:

viewConfigDiff: /**SCHEMA_VIEW_CONFIG_DIFF*/[
    {
        "operation": "merge",
        "name": "DataTable",
        "values": {
            ...,
            "rowToolbarItems": [{
                "type": "crt.MenuItem",
                "caption": "Do something",
                "icon": "open-button-icon",
                "clicked": {
                    "request": "cfx.SomeCustomHandler",
                    "params": {
                        "itemsAttributeName": "Items",
                        "recordId": "$Items.PDS_Id",
                    }
                }
            }]
        }
        ...
    },
    ...
]/**SCHEMA_VIEW_CONFIG_DIFF*/

This row action will execute a request named “cfx.SomeCustomHandler”, which I’ve added to the handlers on the page. It will also include the current record’s Id value as recordId, so I’ll access that in the request as request.recordId. There’s a few things to note about the params part. You’ll need to find a few things out about the crt.DataGrid element first. For section Lists, the Items collection attribute is named “Items” and the primary Id for the row data has an attribute named “PDS_Id” so the code above will work. For other lists you add to a page, you’ll need to find out what these attributes are named. The grid/list will have elements for the following:

"items": "$GridDetail_fei1jz3",
"primaryColumnName": "GridDetail_fei1jz3DS_Id",

With these names, the rowToolbarItem would look as follows:

viewConfigDiff: /**SCHEMA_VIEW_CONFIG_DIFF*/[
    {
        "operation": "merge",
        "name": "DataTable",
        "values": {
            ...,
            "rowToolbarItems": [{
                "type": "crt.MenuItem",
                "caption": "Do something",
                "icon": "open-button-icon",
                "clicked": {
                    "request": "cfx.SomeCustomHandler",
                    "params": {
                        "itemsAttributeName": "GridDetail_fei1jz3",
                        "recordId": "$GridDetail_fei1jz3. GridDetail_fei1jz3DS_Id",
                    }
                }
            }]
        }
        ...
    },
    ...
]/**SCHEMA_VIEW_CONFIG_DIFF*/

Also, note, you’re absolutely allowed to pass other column values in the params as well, not just the Id, if needed. Also, once you add a rowToolbarItems array to the grid/list, you’ll lose the out of the box actions for Open, Copy, and Delete. If you still want those, you’ll need to add those back. The are defined as follows:

// default open action
{
    type: 'crt.MenuItem',
    caption: 'DataGrid.RowToolbar.Open',
    icon: 'edit-row-action',
    disabled: "$Items.PrimaryModelMode | crt.IsEqual : 'create'",
    clicked: {
        request: 'crt.UpdateRecordRequest',
        params: {
            "itemsAttributeName": "Items",
            "recordId": "$Items.PDS_Id",
        },
    },
},
// default copy action
{
    type: 'crt.MenuItem',
    caption: 'DataGrid.RowToolbar.Copy',
    icon: 'copy-row-action',
    disabled: "$Items.PrimaryModelMode | crt.IsEqual : 'create'",
    clicked: {
        request: 'crt.CopyRecordRequest',
        params: {
            "itemsAttributeName": "Items",
            "recordId": "$Items.PDS_Id",
        },
    },
},
// default delete action
{
    type: 'crt.MenuItem',
    caption: 'DataGrid.RowToolbar.Delete',
    icon: 'delete-row-action',
    clicked: {
        request: 'crt.DeleteRecordRequest',
        params: {
            "itemsAttributeName": "Items",
            "recordId": "$Items.PDS_Id",
        }
    },
}

Once you start adding these row actions, you’ll realize they can be a big time saver & convenience for users. Plus they’re easy to implement so it’s a big win all around.