Multi-Panel (Accordion)
The amount of information on our system can take a lot of space to display. So we have screens that work like an accordion, with multiple panels of data. You work on one panel at a time. You may have seen these when you pay your bills on line.
Accordion screens are used when:
- The screen size is too small to show everything at once, like on a modal screen.
- The data can be separated into panels, like one for dates, one for Yes/No questions etc.
Features of a Multi-Panel Screens
Multi-panel screens
- Have a title
- Can appear as a full screen or in a modal
- Have a "X" to close
- Have buttons to "Expand All" or "Collapse All"
- Usually start with the first panel showing.
- When switching to another panel, the previous one closes automatically.
- Have a "Save" button for EACH Panel
- May have a "Save & Close" button if they appear in a new TAB and you want a fast way to update and close.