This is a migrated thread and some comments may be shown as answers.

Customising a GridClientSelectColumn

1 Answer 83 Views

Grid

This is a migrated thread and some comments may be shown as answers.

CP asked on 24 Mar 2017, 12:51 PM

I'm trying to replicate the functionality in an underlying web application for my add-on page. The underlying application has a splitter whose panes each contain a grid and which performs the following grid actions:

Each grid appears to have a GridClientSelectColumn and also has the ability to simply click a row.
Only a single row can be selected by clicking the row. This does not actually select the row (the GridClientSelectColumn is not checked).
Multiple rows may be selected by clicking the GridClientSelectColumn.
On clicking a row in the top grid, the row is highlighted and the related records are shown in the lower grid. The current row (last row clicked NOT selected) also has a small indicator displayed to the left of the GridClientSelectColumn checkbox.
Checking the GridClientSelectColumn in the grid header either selects or deselects all rows in the grid.
Current row indicator should be retained if the user checks column(s) in the GridClientSelectColumn.

Most of the behaviour is covered by the standard GridClientSelectColumn however I don't want the row to be selected (checked in the GridClientSelectColumn) if the user just clicks the row.

I tried setting <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" /> but this doesn't highlight the row when clicked so probably this highlighting ( and the current row indicator) can be achieved with some CSS in the OnRowClicked event ??

Unfortunately while I am competent with changing existing CSS I'm not so good on writing new so if the solution is CSS then any help or examples would be great.

Kyle

Customising a GridClientSelectColumn

1 Answer, 1 is accepted