Table

Example of a slideout

Overview Dialog Slide-out

The slide-out will split the page in half presenting side by side forms that can be interacted and saved independently. This is the one advantage over a dialog. To close the slide-out, there is a large button in the slide-out to move it out of the way.

Slide-out's can be activated in two ways:

  1. With the click of a button. Clicking a button normally shows an empty slide-out form
  2. By opening a table row. Clicking a table rwo with data will fill the slide-out form.
Slide-out Example

Main Form

Main Form

Slide-out Table

Slide-out TextUS MoneySlide-out Date