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.