Sorting Menu in Bottom of Screen

Login Screen

Application Setting in Tablet

Lights Out Mode

If the user hasn’t interacted with any of the controls after a short period of time, automatically fade away the action bar and all system UI affordances so the user can lean back and enjoy the content. We call this lights-out mode.

Deleting data from a List

– Provide Icon for Delete / Edit in Action bar

– Tap on it and screen presents list of records with checkbox for each record. Up icon is displayed. Done and Cancel Icon or button are displayed in the action bar. Up (<) Icon can also be used for Cancel.

– User tap on Done then prompt for confirmation

View List of records

View contacts with checkbox for selection

Confirmation Dialog to confirm the deletion

Add Option in Content Area

Slider for showing and hiding contents

Options/actions can shown when required and hidden when not. This is for making the main content having more area to play around.

Shows Editing options/icons when required and can be hidden using Slider pattern.