This document provides guidelines for various user interface elements like grids, calendars, combo boxes, text boxes, and validations. It recommends features such as pagination, sorting, responsive design and export functionality for grids. For calendars, it suggests highlighting the current date and validating date ranges. It also advises default placeholder values, typeahead search, and format validation for text fields and inputs. The guidelines aim to improve usability, performance, and security of user interfaces.

1. Considerations for User
Interface elements
By – Siddharth Phatarphod

2. Grid
 Pagination – have configurable page size.
 Pagination – load on demand the pages for performance improvement.
 Have sort-able columns.
 Avoid scrollbars – either display only important columns or have smart scrolling .
 Have in place edit of cells, so that small changes can be accommodated quickly.

3. Grid
 Have master-detail rows when required instead of pop-ups for details.
 Have a configurable date time display format.
 Have a configurable currency display format.
 Money related figures should be right/left aligned as per the language culture.
 Provide export to excel for the grid data.

4. Grid
 Have a responsive design for the grid.
 Distinguishsearch and filter as two separate functionalities on the grid.
 Have in place validations for grid entry cells with proper validationmessages.
 Trim long data and display in a tool-tip the actual data.
 Define the max-lengths of grid entry cells.

5. Calendar
 Display current date as highlighted in the calendar control.
 Have validations for From Date and To date.
 Setting date in the date text control should select the date in the calendar control and
vice-versa.

6. Combo-box/drop-down
 Have the default value selection as Select or All.
 Have demand on load if large number of values are to be displayed.

7. Text Boxes
 Max length must be set for all text fields.
 If these are text-boxes used as search or filter fields use type-ahead feature.
 Use watermarks to indicate to the user the purpose of the text field.
 Validate format at input e.g. Number, Date, Email Id, Phone Number, Zip Code.

8. Text Input Validations
 All input data must be validated for HTML encoding.
 All input data must be validated to prevent SQL injection.
 All input data must be validated to prevent Cross Site Scripting (XSS).