Reorder grid columns

As of WorkWithPlus for Web 14 you will be able to sort the columns of the grid by doing Drag and Drop at runtime

A generated WorkWithPlus Person list screen at runtime shows a DVelop-branded app with a side menu (Home, Menu Option 1-3, Developer Menu > Person) and a data grid with Insert, Excel, PDF, Select columns, CSV, Import CSV, and Import Excel buttons, a Birth Date range filter, and paginated rows of person records across 174 pages.

To enable the option to sort columns, you need to follow two steps:

1. Set enable the 'Allow Reordering' property of the definition of the Standard Action "Edit Columns". You must do this from WorkWithPlus for Web Settings:

The WorkWithPlus Pattern Settings editor shows the "EditColumns (Columns Selector)" node selected in the Actions tree, with its properties panel on the right displaying Caption, Tooltip, Type "Drop down button", and the "Allow Reordering" property (set to True) highlighted by a red arrow, along with Allow Resize and Allow restore defaults.

2. In the User Control WWPUtilities within your MasterPage, set the properties 'AllowColumnReordering'  and 'AllowColumnDragging' as true:

The GeneXus IDE User Control Properties dialog for a Web Panel edits the WWPUtilities user control, with a highlighted User Control Properties row and an arrow pointing to the AllowColumnReordering and AllowColumnDragging property rows, both set to True in the property grid on the right.

Also, you will be able to drag and drop from the column selector, below is an example:

The Person Web Panel list view shows a DVelop-branded WorkWithPlus grid with toolbar buttons Insert, Excel, PDF, Select columns, CSV, Import CSV, and Import Excel, plus a Search box and a Birth Date filter. The grid lists columns First Name, Last Name, Nick Name, Home Number, Cell Number, Birth Date, Full Name, Company, Hobby, Company Id, Has Favorite Music Band?, Id, and Favorite Music Band, with pagination controls (Page 1 of 174, Prev/Next).