Explore SAP Fiori for Android

Navigation Components The navigation region holds the primary navigation components such as:   Navigation Bar Navigation Rail Navigation Drawer   These components help users to navigate between destinations within the app and access important actions. The adaptive navigation feature dynamically swaps out navigation components during runtime as the window sizes change. The scaffolding automation provided [...]

Material 3 defines three standard canonical layouts: list-detail, supporting pane, and feed. Each layout offers a different approach to organizing content and components based on the available window space. The list-detail layout is ideal for displaying explorable lists of items alongside each item’s supplementary information – the item detail. The supporting pane layout organizes app [...]

Optimizing your app for all window size classes requires a clear understanding of its structure and the relationships between screens. In compact mode, users navigate through screens hierarchically, whereas in larger window size classes, multiple panes can be displayed side by side on one screen. Transformation from compact to an expanded window size class Starting [...]

Density-Independent Pixels (dp) SAP Fiori for Android uses a system of pixel units (dp) that allows for a design to scale to screens with different pixel densities. The UI therefore adapts to various device displays regardless of pixel density. Increment System SAP Fiori for Android layouts are designed in increments of 4dp and 8dp for [...]

Each window size class corresponds to a specific breakpoint where the layout needs to adjust to fit the available space, device conventions, and ergonomics. The three primary window size classes are compact, medium, and expanded. These size classes provide the basis for designing adaptable layouts that work across various devices and orientations. Material 3 also [...]