SIP - Grid Layout Widget - Mobile
From Emprise Wiki
Mobile
Grid Layout Widget
Scrolled Right
Animation - Horizontal Scrolling
Measurement Guide
128 Character Label
- Field labels have a max character limit of 128 characters
- The Label cells shall have a max width of 264dp to accommodate long labels.
- After width maxes out, text shall wrap as necessary.
- Padding above and below wrapped text shall be 16dp.
Keyboard Types and Specifications
| Data Entry | Input | Keyboard Type | Notes |
|---|---|---|---|
| Date | Date | Scrolling Wheels for Year, Month, Day | - |
| Date / Time | Date and Time |
|
- |
| Time | Time | Numeric Wheels for Hours, Minutes | - |
| Numeric | Number | Number-pad | - |
| Checkbox | Checkbox | Checkbox | - |
| Dropdown | Text | Custom Scrolling Wheel | - |
| Feet / Inch | Number | Number-pad | - |
| Single Line Text | Text | Alphanumeric | - |
Alphanumeric Keyboard
Number-pad
Scrolling Wheel
Checkbox
- Navigating the grid with the keyboard arrow buttons:
- Direction (up/down vs left/right) will be determined based on the Data Entry selection (Row Centric or Column Centric) in the Grid Layout Widget Properties during the procedure building process
- When a user reaches the end of the grid, the right arrow button will navigate to the next input below the grid
Data Entry
Date
Date / Time
Date
Time
Time
Numeric
Checkbox
Dropdown
Feet / Inch
Feet
Inch
Single Line Text
Complete
Video Simulation
Data Entry Validation
Business Rules
- When an input is missed in the grid, the the field labels and hints shall turn red, as well as the background of the cell that contains the error.
Adobe XD Mockup
https://xd.adobe.com/view/85d7e9cb-0b20-408c-9022-3fbc96d8c028-d084/?fullscreen
