Explore SAP Fiori for Android

The attachment form cell is usually part of the create or editing workflow, located at the end of the form. All the attached files should be associated with a certain business object. Adding attachments on compact (left) and medium and expanded screens (right) Anatomy Basic Anatomy A. Header The header is at the top of [...]

The date and time picker form cell is used for selecting time-based data types. Time picker form cells in compact (left) and expanded layouts (right) Anatomy Single Value Picker Form Cell Single value picker form cells are used for selecting only a single value, which includes the date picker, range picker, time picker, and duration [...]

The picker provides a dialog for date or time-based selections. It can be used to select a date, a range of dates, a time, or a duration of time.  Picker types in compact size from left to right: date picker, range picker, time picker, duration picker Usage Do Use a picker for a time-related decision [...]

The list picker form cell allows for the selection of one or more options among values within a defined category. It serves as the entry point to a list of available values for that category and summarizes the selected value. List picker form cell on a compact (left) and expanded screen (right) Usage Do Use [...]

The navigation drawer provides access to different destinations in an app. Navigation drawers can be permanently visible or opened and closed by tapping a menu icon. Modal navigation drawer (left) and standard navigation drawer (right) Usage Do Use the navigation drawer for five or more destinations. Use the modal navigation drawer primarily on mobile Use [...]

The signature capture allows users to input their signature by signing directly on a dialog. The signature is captured and then saved with an optional watermark for additional information. Signature capture on mobile (left) and tablet (right) Usage The signature capture may be used when users must sign to authorize workflows. It can be used [...]

The signature form cell is an entry point for users to launch the signature capture component. Signature form cell on mobile (left) and on tablet (right) Usage Do Use the signature capture form cell when user consent is required. Use a concise header to communicate the purpose and importance of the signature requirement. Use an [...]

Text input controls are used to request a text entry from the user. They are usually found in the create or edit pattern. Text input controls on mobile (left) and tablet (right) Usage Do Use capital case for labels. Use an asterisk next to the label to indicate that the text input is required. Use [...]