add grid layout support for searchkit

[kurund]

Overview

• Add grid display layout for search kit

https://lab.civicrm.org/dev/core/-/issues/2776

[civibot]

(Standard links)

• If this is your first pull-request for CiviCRM, please browse CONTRIBUTING.md for information about the development and testing processes.
• If you are reviewing this pull-request, you may wish to consult the test sites and the Review Standards (long template, short template).

[colemanw]

(CiviCRM Review Template WORD-1.2)

• General standards

  • (r-explain) PASS
  • (r-user) PASS
  • (r-doc) We need more docs for searchKit but that shouldn't block this PR
  • (r-run) PASS: New grid display works great.

• Developer standards

  • (r-tech) PASS: Uses all the new SearchDisplay code patterns.
  • (r-code) PASS
  • (r-maint) PASS
  • (r-test) Search Displays don't have tests but that shouldn't block this PR.

[colemanw]

@kurund I've tested it out, and given the PR merge-on-pass.

One thing I'd like to see, either in a follow-up or in this PR is control over the alignment within cells. I see it's hard-coded to "center" but could be configured with some buttons in the display admin section (fa-align-left, etc)

[kurund]

@colemanw

Great thanks.

One thing I'd like to see, either in a follow-up or in this PR is control over the alignment within cells. I see it's hard-coded to "center" but could be configured with some buttons in the display admin section (fa-align-left, etc)

Make sense, will do a follow up PR soon.

[eileenmcnaughton]

@kurund - it's really cool to see you contributing a new layout - it would be good if you could add more screenshots to this PR or to th follow up PR / more about how it's useful so I can share that in the dev digest.

As an aside one thing that is already requested for the table layout & I expect would be requested here is the option to have gridlines

[kurund]

@eileenmcnaughton

Here is an example of use case: #21225 (comment)

[eileenmcnaughton]

cool