Skip to content

GitHub Issue #696: Make Applying Filters to Custom Grid View More Apparent - #2068

Open
cnathe wants to merge 12 commits into
developfrom
fb_saveViewFilters696
Open

GitHub Issue #696: Make Applying Filters to Custom Grid View More Apparent#2068
cnathe wants to merge 12 commits into
developfrom
fb_saveViewFilters696

Conversation

@cnathe

@cnathe cnathe commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Rationale

https://github.com/LabKey/internal-issues/issues/696

App grid filter updates to makes it obvious that saving a grid view includes the current set of filters and sorts. Read-only (saved-with-view) filter pills in the grid message bar are greyed and get a hover popover explaining why they can't be edited. The Save Grid View modal replaces the easy-to-miss "Columns, sort order, and filters will be saved" sentence with two labelled sections listing the actual filter and sort pills that will be persisted, with empty-state messages when there are none.

Related Pull Requests

Changes

  • GridPanel to pass through the filters and sorts to the SaveViewModal
  • SaveViewModal to show filters and sorts as pills (matching the grid message area display), read only display
  • grid Value component to show isReadyOnly message as OverlayTrigger instead of just title attr
  • scss styling updates for filter value status pills to work in grid header and save view modal

@cnathe
cnathe requested a review from labkey-nicka August 27, 2026 17:22

@labkey-nicka labkey-nicka left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. I pushed a small set of changes to get the tests to pass type checks.

Comment thread packages/components/src/public/QueryModel/grid/Value.test.tsx
</div>
);

if (!!isReadOnly) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: (Unrelated) Interesting that isReadOnly is of type string. Seems like it should have been renamed when it was reappropriated to carry a message.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

agreed. I was confused by this as well until I realized it was the read-only hover message. I'm going to leave it for this PR

Comment thread packages/components/src/public/QueryModel/GridPanel.test.tsx Outdated
import { ChartList } from './ChartPanel';

const READONLY_FILTER_TIP =
"Filter can't be edited because it's saved with the view. Remove it and add it again to make changes.";

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: Consider not using contractions. Something like:

Filter cannot be edited as it is saved with the view. Remove it and add it again to make changes.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That works for me. I was just going off of the mockup from Keegan.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants