Changing order of grid columns

There was a bad UX reported for original way of grid columns ordering, which was drag-drop of a column header. This approach did not scale well for tables with many columns as a table does not scroll while a user is dragging the header.

In the old desktop client version the columns were ordered in the column configuration dialog and this method was better accepted by the users so we implemented it in the web client in a similar way.

How it works:

  1. Open Column Configuration dialog.
  2. The dialog content is now tabbed, click the Order tab handle. Note: In Settings tab, the columns are enumerated in alphabetical order so they are easier to find while in Order tab they are displayed in the same order as in the grid.
  3. Click a row with name of the column you want to move.
  4. Click the arrow buttons at the right side of the dialog to move the column. Alternatively you can use keyboard: , move the selection cursor, Ctrl + , Ctrl + move the column just selected.
  5. Click OK to apply the chanages.