UI Layout - nsmith7989/dnd-patient-information GitHub Wiki

The Form builder initially will consist of two sections, the ToolBox and WorkBench. The ToolBox will contain the names and icons of the individual form inputs and collections; an accordion might be an appropriate UI solution. The WorkBench renders the output of each successful drag action from the ToolBox.

+--------------------------------------------------+
|                                        Settings  |
+--------------------------------------------------+
| ToolBox         | WorkBench                      |
| +-----+ +-----+ | +----------------------------+ |
| |  X  | |     | | |                         = X| |
| +-----+ +-----+ | | First Name * Last Name *   | |
| +-----+ +-----+ | | Street Address             | |
| |     | |     | | | City State Zip Code        | |
| +-----+ +-----+ | +----------------------------+ |
| +-----+ +-----+ | +----------------------------+ |
| |     | |     | | | BirthDate Weight Height    | |
| +-----+ +-----+ | +----------------------------+ |
+-----------------+--------------------------------+