3: Edit Container

Wireframes for Page 3: Edit Container
Step 1

3a-b: Edit Container 1170px

Use Specs from here: http://enthusio.com/tutorial/883/Add-Container-Page

Screen 3a:

  1. Archive container: Archives container, redirects to Page 1: Container Listing, displays notification at top of page, and removes archived container from the list. For v1.0, user cannot access/unarchive archived containers, only admins.
  2. Delete container: Available only to super-admins. Opens Screen 3b.
  3. Undo Archive: Reverses archive process. Container is added to the listing page.

Screen 3b:

  1. Confirm Delete with Math: To secure delete, admin must correctly enter solution to a math equation in the input field. If correct answer is entered, remove container data but allow ‘undo’. Redirect to Page 1: Container Listing with notifcation at the top, and removes deleted container from the list.
  2. Undo Delete: Reverses delete process. Container is added to the listing page and all data is restored.
Step 2

Screen 3c: Edit Container 750px

Screen 3c: Edit Container 750px
Same specs from 1170px version with condensed header.

Step 3

3d: Edit Container 569px

Save button is fixed to the bottom of the screen when enabled. When disabled, display in normal flow.

Step 4

3e: Edit Container 320px

Save button is fixed to the bottom of the screen when enabled. When disabled, display in normal flow.

Tutorial Forum

There are no posts here yet. Add the first post