TWebResponsiveGrid

WEB TMS WEB Core
4

Test:

CSS added in HTML template

    <style>
    .myclass {
      background-color:red;
    }
    .myclass:hover {
      background-color:yellow;
    }
    .myclass:active {
      background-color:gray;
    }
    </style>

Code added to initialize items:

procedure TForm1.WebFormCreate(Sender: TObject);
begin
  webresponsivegrid1.Options.ItemClassName := 'myclass';

  webresponsivegrid1.BeginUpdate;

  webresponsivegrid1.Items.Add.HTML := 'abc';
  webresponsivegrid1.Items.Add.HTML := 'def';
  webresponsivegrid1.Items.Add.HTML := 'xyz';


  webresponsivegrid1.EndUpdate;
end;

This shows how the CSS is used for the normal, hover & down state of the items in the grid