Making Columns Resizable in the Lookup Dialog in Infor CRM Web

By default, the columns in the grid on the lookup dialog are not resizable. You get static width columns and the user cannot drag to increase the width of columns. This behavior can be changed with some simple Javascript.

The following code will allow the columns in all lookup dialogs to be resizable.

require(['dojo/aspect', 'Sage/UI/SDataLookup'], function(aspect, SDataLookup) {
    aspect.before(SDataLookup.prototype, 'initGrid', function() {
        this.gridOptions.columnResizing = true;
    });
});

This code just wires itself up to change the columnResizing option for the gird before the grid gets created for the lookup. You can add this code to the inside of a script tag on the base.master page if you’d like, or use my Custom Loader Module and create a new folder named something like “Lookup” under SupportFiles\Custom and paste the code into a file named “main.js” in that new folder.

If you’d like to do this only for a specific lookup, you can add a condition to check the ID of the lookup first before making this change. That could would look something like this:

require(['dojo/aspect', 'Sage/UI/SDataLookup'], function(aspect, SDataLookup) {
    aspect.before(SDataLookup.prototype, 'initGrid', function() {
        if (this.id == 'ContentPlaceHolderMain_MainContent_AccountDetails_lueParentAccount_Lookup') 
            this.gridOptions.columnResizing = true;
        else
            this.gridOptions.columnResizing = false;
    });
});

Of course, if you’re just doing that to the one lookup, you could add the code above using ScriptManager.RegisterClientScriptBlock in a LoadAction on the form the lookup is on.

One thing to note, making columns resizable in lookups will also cause the columns to no longer auto-fit into the size of the dialogs grid. By default, the grid in looks set the columns to all fit into the dialog (so the more columns, the more narrow they become). Changing the column resizing in the grid means the columns will no longer be squished into the grid and will scroll to the right as you add more columns to it.