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.