{ "id": "F02", "title": "Long form", "topic": "forms", "use": "Once a form needs about two screen heights, we use the long form. It carries a navigation aid on the left (a scrollspy, vertical tabs or similar) and a field search: you type a search term and jump through the matches in the form.", "decisions": [ "A form of about two screen heights or more gets a section rail on the left that follows the section the user is in and jumps to any section: a form this long cannot be seen at once.", "The rail and the toolbar stay in view while the form scrolls, and a heading the rail jumps to lands below the toolbar.", "The field search belongs to the long form only: it pays only where there are many fields to find, and above a short form it would be wrong.", "The field search is the find in the page (SU02): it marks every match in the labels, jumps to the first at once and keeps the focus in the search field, Enter steps to the next match and Shift+Enter to the previous, and Tab goes into the field of the current match; it shows 'Match n of m' and disables Previous and Next at the ends, where their tooltips say why: 'No earlier match', 'No later match'.", "Completing the record lists the missing required entries in one box at the top of the form, each with its section; picking one moves to the field and focuses it. There is one such list, not a second bar below the form.", "Save draft is shown, not promised: whether a draft may keep data that is not yet checked is a legal question still open." ], "try": [ { "do": "Pick Tax in the section rail", "then": "the page scrolls until the Tax heading sits just below the toolbar, and the rail marks Tax" }, { "do": "Scroll the page", "then": "the toolbar with the field search and the rail stay where they are, the form scrolls past them, and the rail follows the section you are in" }, { "do": "Type “tax” into Find a field", "then": "the page moves to Tax identification no. under Tax at once; every label with “tax” shows the find marked, the label of the current one is filled as a whole, the count reads “Match 1 of 6”, and the focus stays in the search field" }, { "do": "Press Enter", "then": "the next match comes into view and its label is filled; at the sixth, Enter stays where it is, and Next match is disabled and says No later match when pointed at" }, { "do": "Press Previous match", "then": "the search goes back one match the same way, and at the first Previous match is disabled and says No earlier match" }, { "do": "Step on with Enter, then press Shift+Enter", "then": "the search goes back one match, and the focus stays in the search field" }, { "do": "Press Tab", "then": "the cursor is in the field of the current match, and the marks and the count stay" }, { "do": "Clear the search field", "then": "the marks, the count and the arrows go away" }, { "do": "Press Complete master record without filling in everything", "then": "the missing required entries appear as a list at the top of the form, each with its section, and the focus goes into the first of them" }, { "do": "Pick an entry in that list", "then": "the page moves to the field the same way the field search does, and the focus goes into it" } ], "revision": 3, "changes": [ { "revision": 3, "change": "The amount fields are text fields with inputmode decimal instead of the number type: they take no step and no spin buttons, and the product validates the amount and formats it for the locale." }, { "revision": 2, "change": "Shift+Enter in the field search steps to the previous match, Tab goes into the field of the current match, and a jump to a field no longer scrolls a page that holds the form in a frame." } ], "reviewed": true, "source": "\n\n
\n
\n

Back to the employee list

\n
\n
\n

Hans-Jürgen Odenthal

\n

Personnel number 00147 · Bergmann & Söhne Fahrzeugtechnik GmbH & Co. KG

\n
\n Not yet completed\n
\n
\n\n
\n \n \n \n \n \n \n \n Previous match\n Next match\n \n Save draft\n Complete master record\n \n
\n\n

\n \n Last saved by you at 2:32 pm · 7 required entries open\n

\n\n
\n
\n
\n \n Person\n Address\n Employment\n Contract and working time\n Pay\n Tax\n Social insurance\n Health insurance fund\n Company pension scheme\n Bank details\n Absences and leave\n Other and notes\n \n
\n
\n\n
\n \n\n
\n
\n

Person

\n

The details come from the personnel questionnaire and the identity document.

\n
\n
\n \n \n Ms\n Mr\n No salutation\n \n \n \n
\n
\n \n \n \n
\n
\n \n \n Male\n Female\n Diverse\n Not stated\n \n \n Single\n Married\n Divorced\n Widowed\n Registered civil partnership\n \n \n
\n
\n \n \n \n Germany\n France\n Luxembourg\n Poland\n Turkey\n \n
\n
\n \n \n \n
\n
\n \n
\n
\n\n
\n
\n

Address

\n

The registered address; a different postal address is recorded below it.

\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n Germany\n France\n Luxembourg\n \n \n \n
\n
\n \n \n
\n
\n Different postal address\n \n
\n
\n\n
\n
\n

Employment

\n

Start, establishment and activity — the basis of every notification.

\n
\n
\n \n \n \n None\n 3 months\n 6 months\n \n \n
\n
\n \n Saarbrücken\n Neunkirchen\n Saarlouis\n \n \n \n
\n
\n \n Workshop\n Administration\n Sales\n Warehouse\n \n \n \n
\n
\n \n \n 25213 — Automotive engineering, skilled worker\n 25222 — Automotive engineering, specialist\n 71402 — Office and secretarial work\n \n
\n
\n \n Full time\n Part time\n Marginal employment\n Apprenticeship\n \n \n 101 — Employees subject to social insurance\n 109 — Marginally paid\n 102 — Apprentices\n \n
\n
\n\n
\n
\n

Contract and working time

\n

Weekly hours and working days determine how leave and absences are calculated.

\n
\n
\n \n hrs\n \n \n \n \n
\n
\n \n \n \n \n
\n
\n \n Fixed hours\n Flextime\n Shift work\n Trust-based working time\n \n \n Motor vehicle trade, Saarland\n No collective agreement\n \n
\n
\n \n \n days\n \n \n days\n \n \n days\n \n
\n
\n \n months\n \n \n End of month\n End of quarter\n 15th or end of month\n \n
\n
\n Entitled to shift allowance\n Overtime is paid\n
\n
\n\n
\n
\n

Pay

\n

Regular pay only; one-off payments are recorded in the payroll run.

\n
\n
\n \n Monthly salary\n Hourly wage\n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n \n \n Bank transfer\n Cash payment\n \n \n
\n
\n\n
\n
\n

Tax

\n

The tax features are retrieved from ELStAM and only recorded here.

\n
\n
\n \n \n I\n II\n III\n IV\n V\n VI\n \n \n
\n
\n \n Protestant\n Roman Catholic\n No church tax\n \n \n Protestant\n Roman Catholic\n No church tax\n \n
\n
\n \n Not applied\n Applied\n \n \n \n \n \n \n \n \n
\n
\n \n Registered\n Deregistered\n Registration pending\n \n \n Main employer\n Secondary employer\n \n \n None\n 2 %\n 20 %\n 25 %\n \n
\n
\n Church tax withheld\n Check solidarity surcharge\n
\n
\n\n
\n
\n

Social insurance

\n

Contribution groups and levies; the key is formed from the entries.

\n
\n
\n \n \n \n Not in the transition zone\n In the transition zone\n \n
\n
\n \n 1 — General contribution\n 0 — No contribution\n 3 — Reduced contribution\n 9 — Paid by the company\n \n \n 1 — Full contribution\n 0 — No contribution\n 3 — Half contribution\n \n
\n
\n \n 1 — Full contribution\n 0 — No contribution\n 2 — Half contribution\n \n \n 1 — Full contribution\n 0 — No contribution\n 2 — Half contribution\n \n
\n
\n \n Liable\n Not liable\n \n \n Liable\n Not liable\n \n \n Liable\n Not liable\n \n
\n
\n \n \n \n Multiple employment\n
\n
\n Privately health insured\n Exempt from compulsory pension insurance\n
\n
\n\n
\n
\n

Health insurance fund

\n

The fund sets the additional contribution and where the contributions are paid.

\n
\n
\n \n AOK Rheinland-Pfalz/Saarland\n Techniker Krankenkasse\n BARMER\n DAK-Gesundheit\n IKK Südwest\n \n \n
\n
\n \n \n \n \n \n \n \n \n
\n
\n \n DAKOTA\n sv.net\n \n \n Employer\n Employee\n \n
\n
\n \n \n
\n
\n\n
\n
\n

Company pension scheme

\n

Deferred compensation and subsidies; each commitment is kept on its own.

\n
\n
\n \n No commitment\n Direct insurance\n Pension fund\n Support fund\n \n \n
\n
\n \n \n \n None\n 3 % a year\n 5 % a year\n \n
\n
\n \n \n \n \n \n \n \n § 3 No. 63 EStG\n § 40b EStG, old version\n \n \n \n \n
\n
\n \n \n Building society savings contract\n Fund savings plan\n None\n \n \n
\n
\n\n
\n
\n

Bank details

\n

The pay is transferred to this account.

\n
\n
\n \n \n
\n
\n \n \n \n
\n
\n \n Pay\n Expenses\n Pay and expenses\n \n Different account holder\n \n
\n
\n \n
\n
\n\n
\n
\n

Absences and leave

\n

The status of the current year; individual periods are recorded in the calendar.

\n
\n
\n \n days\n \n \n days\n \n \n days\n \n \n days\n \n
\n
\n \n \n days\n \n \n days\n \n
\n
\n \n \n Calendar year\n From the start date\n \n Allow carry-over into the next year\n
\n
\n\n
\n
\n

Other and notes

\n

Whatever fits nowhere else and will be needed again next time.

\n
\n
\n \n Equal status\n
\n
\n \n \n \n
\n
\n \n \n \n
\n
\n \n None\n Ongoing\n Suspended\n \n \n
\n
\n Company car for private use\n Workwear provided\n
\n
\n In quick selection\n Notify on changes\n
\n \n
\n
\n
\n
\n\n", "page": "https://test-apps.eurodata.de/a/eurodata-ui/docs/patterns/forms/f02-long-form/", "topicPage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/patterns/forms/" }