{ "id": "SU02", "title": "Find in the page", "topic": "search", "use": "A search that finds a place in the page rather than a record: it marks every match, steps through them with Enter, and Tab goes into the field it stands on. Use it on a page with more fields than the user can scan, such as the long form (F02).", "decisions": [ "Typing marks every match and scrolls to the first, and the focus stays in the search field: moving the focus while the user types would take the field from under their fingers.", "Enter steps to the next match and Shift+Enter to the previous, as a browser's or an editor's find does; at either end the key stays where it is, where the arrow buttons stop too.", "Tab goes into the field of the current match, as the next Tab after a browser's find lands behind what it found. Without a match Tab moves on as usual.", "The marks stay while the user is in the field, so they can go back to the search and step on.", "Every find is marked in its label, and the label the search stands on is filled as a whole: the focus is in the search field, so no focus ring can say where the search is, and the current match differs in area, not only in tone.", "The count says 'Match n of m', and Previous and Next say why when they are disabled: 'No earlier match', 'No later match'.", "Escape empties the search field and takes the marks with it, as any field with a clear button does." ], "try": [ { "do": "Type “number” into Find a field", "then": "every label with “number” shows the find marked, the label of Client number is filled as a whole, the count reads “Match 1 of 5”, and the focus stays in the search field" }, { "do": "Press Enter, then Shift+Enter", "then": "the search moves to Tax number and back to Client number; at the first and at the last the key stays where it is" }, { "do": "Step to Company number and press Tab", "then": "the cursor is in Company number, and the marks and the count stay" }, { "do": "Click back into Find a field and press Enter", "then": "the search goes on from Company number to Membership number" }, { "do": "Type something no label contains", "then": "the count reads “No matches”, and Tab moves on to Save as usual" }, { "do": "Press Escape in Find a field", "then": "the field empties, and the marks and the count go away" } ], "revision": 1, "changes": [], "reviewed": false, "source": "\n\n
\n
\n

Payroll settings

\n

Client 10482 · Bergmann & Söhne Fahrzeugtechnik GmbH & Co. KG

\n
\n\n
\n \n \n \n \n \n \n \n Previous match\n Next match\n \n Save\n \n
\n\n
\n
\n

Client

\n
\n \n \n
\n
\n \n GmbH\n GmbH & Co. KG\n AG\n \n \n
\n
\n\n
\n

Tax

\n
\n \n Neunkirchen\n Saarbrücken\n \n \n
\n
\n \n Monthly\n Quarterly\n Annually\n \n
\n Flat-rate church tax\n
\n\n
\n

Social insurance

\n
\n \n \n
\n
\n \n \n sv.net\n The payroll software\n \n
\n Take part in the U1 levy\n
\n\n
\n

Payroll run

\n
\n \n Calendar month\n Four weeks\n \n \n
\n
\n \n
\n Send payslips by email\n
\n\n
\n

Bank details

\n
\n \n \n
\n
\n \n \n
\n Collect contributions by direct debit\n
\n\n
\n

Contact

\n
\n \n \n
\n
\n \n
\n \n
\n
\n
\n\n", "page": "https://test-apps.eurodata.de/a/eurodata-ui/docs/patterns/search/su02-find-in-the-page/", "topicPage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/patterns/search/" }