Skip to search Skip to content
  • Home
  • Get Started
  • Explore SAP Fiori for Android
  • What’s New
  • Foundation
    • SAP Fiori Design Principles
    • Colors
    • Design Tokens
    • Theming
    • Typography
    • Iconography
    • Product Icon
    • Accessibility
    • Layout
  • UI Components
    • Basic Components
      • Introduction
      • Banners
      • Bottom Sheet
      • Buttons
      • Dialogs
      • Menus
      • Date & Time Pickers
      • Snackbar
    • Calendar
    • Cards & Layouts
      • Cards Overview
      • Card Header
      • Card Body
      • Card Footer
      • Layouts Overview
      • Carousel Layout
      • Staggered Layout
    • Collection View
    • Data Table
    • Filter Feedback Bar
    • Headers
      • Header
      • KPI Header
      • Object Header
      • Profile Header
    • Hierarchy View
    • Input & Selection
      • Attachment Form Cell
      • Checkboxes
      • Chips
      • List Picker Form Cell
      • Radio Button
      • Signature Capture Inline
      • Signature Form Cell
      • Sliders
      • Switches
      • Text Inputs
      • Date & Time Picker Form Cell
    • Key Value Cell
    • KPIs
    • Navigation & Search
      • Navigation Bar
      • Navigation Drawer
      • Navigation Rail
      • Search
      • Top App Bar
    • Object Cell
    • Contact Cell
    • Persistent Footer
    • Progress Indicators
      • Circular Progress Indicator
      • Linear Progress Indicator
      • Step Progress Indicator
    • Rating Control
    • Signature Capture
    • Status Info Label
    • Tags
    • Timeline View
    • Timeline Preview
  • Patterns
    • Augmented Reality
      • AR Annotations
      • AR Card
      • AR Markers
      • AR Scanner
    • Charts
      • Chart Overview
      • Chart Card
      • Chart Types
    • Create
    • Illustrated Message
    • Map
    • Native File Viewer
    • OCR Scan
    • Onboarding
      • Single-User Onboarding
      • Multi-User Onboarding
    • Privacy Notice
    • Search
    • Skeleton Loading
    • Sort and Filter
    • Sort By Multiple Criteria
    • Widgets
  • Resources
    • Resources
    • SAP Fiori Mentor App
  • SAP Fiori for Wear OS
    • Get Started
    • Foundation
      • Design Principles
      • Colors
      • Type System
      • Layout
      • Navigation
    • Resources
  • Contact Us

Fiori for Android Design Guidelines

Explore SAP Fiori for Android

Explore SAP Fiori for Android

Categories

Attachment Form Cell

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 [...]
Category: UI Components
Type: -

Date & Time Picker Form Cell

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 [...]
Category: UI Components
Type: -

Date & Time Pickers

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 [...]
Category: UI Components
Type: -

List Picker Form Cell

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 [...]
Category: UI Components
Type: -

Navigation Drawer

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 [...]
Category: UI Components
Type: -

Signature Capture

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 [...]
Category: UI Components
Type: -

Signature Form Cell

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 [...]
Category: UI Components
Type: -

Text Inputs

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 [...]
Category: UI Components
Type: -
© 2025 SAP SE. All rights reserved.

The SAP Fiori Design Guidelines will soon be moving to the new SAP Design System portal. Check out the new experience here.

We'd appreciate your feedback!

Processing your feedback

Thank you Your feedback has been sent to the SAP Fiori design team.

Thank you for your helping us to improve our guidelines!

 
We'd appreciate your feedback!
Please fill out the form to send us your feedback.
    • Can you tell us why?

Your feedback is anonymous, so you won't receive a reply. If you'd like help with a specific question, please visit the SAP Fiori Community