{
"id": "FI03",
"title": "Toolbar filters",
"topic": "filter",
"use": "Two selects stand side by side in the toolbar. The first says which data set is on the screen and always has a value. The second is the filter and may stand on “all”. Both take effect at once — there is no Apply. A filter button comes in only when there is more behind it.",
"decisions": [
"The filter is a select, not a segmented control: a segmented control holds two or three short values; from four values on, a select. Beside the context select a segmented control reads as a view switch even with fewer, and two selects of the same build read as two dimensions of one purpose.",
"The filter offers every state on its own: grouping states into Open and Finalized would make a record in error impossible to pick.",
"The context select always has a value and the filter does not: the client stays set, while 'Status: all' is the empty filter — a record without a client does not exist, a list without a status filter does.",
"Nothing opens: the filters are already there and only the rows change. A filter button appears only when more lies behind them.",
"No label above the field: the toolbar is one line high, so the value carries the dimension ('Client: …', not the bare name).",
"Both selects take effect at once; there is no Apply. The count stays under the toolbar, the active filter shows as a badge with a remove button, and the reset after it goes away with the last badge.",
"The empty state names the filter as the cause and offers the reset in the same place; it does not reset the client, which is context."
],
"try": [
{
"do": "Switch the client in the first select",
"then": "the list swaps its data set, at once and without Apply"
},
{
"do": "Choose a status in the second select",
"then": "the list gets shorter, the count counts along, and the value stands as a badge under the toolbar"
},
{
"do": "Choose Error",
"then": "four documents are left — every status can be chosen on its own"
},
{
"do": "Remove the badge with its cross",
"then": "the filter is back on “Status: all”, without a detour through the field"
},
{
"do": "Look for a filter button",
"then": "there is none, because nothing lies behind these two"
}
],
"revision": 2,
"changes": [
{
"revision": 2,
"change": "A segmented control holds two or three short values and from four values on gives way to a select; beside the context select the filter is a select at any count."
}
],
"reviewed": true,
"source": "\n\n\n \n \n Create document\n \n \n Client: Bergmann & Söhne\n Client: Odenwälder\n Client: Steinbach-Wallner\n Client: Dr. Kettner-Lohmeyer\n Client: Pfeiffer-Zimmermann\n \n \n Status: all\n Status: Open\n Status: Reviewed\n Status: Finalized\n Status: Error\n \n \n No document matches the active filter\n \n \n \n Reset filters\n \n \n\n\n\n\n",
"page": "https://test-apps.eurodata.de/a/eurodata-ui/docs/patterns/filter/fi03-toolbar-filters/",
"topicPage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/patterns/filter/"
}