SAP Fiori continues to advance its technological offerings with the release of SAP BTP SDK version 25.8, featuring exciting updates for both Android and iOS. This release introduces a suite of new capabilities as well as upgrades to current features, enhancing user experiences on business apps.
New in SAP Fiori for Android 25.8
In the following section, we’ll give you a brief overview about everything that’s new in SAP Fiori for Android 25.8.
Circular In-Place Progress Indicator
The circular in-place progress indicator displays the status of ongoing processes when loading is initiated by a button. An indicator within the button shows the loading state. The progress indicator has been enhanced to allow customization of the icon button so that once loading is finished, the icon button can be changed to a different icon.
For more information, check out the Circular Progress Indicator article in the SAP Fiori for Android design guidelines.
Object cell with a circular progress indicator
Illustrated Message
The illustrated message component, which helps communicate empty, error, and success states through a combination of engaging illustrations, solution-oriented messages, and a conversational tone, has been updated with new illustration assets.
To learn more about this component, refer to Illustrated Message.
Illustrated message with the new “empty task” illustration
Native File Viewer
The native file viewer, which allows users to preview files, now supports viewing password-protected PDFs by prompting them to enter a password in a dialog before the file is displayed, expanding accessibility and document control within apps.
For more information, check out Native File Viewer.
Password-protected PDF files in native file viewer
Picker Form Cell
The picker form cell, used for making date and time-based selections, is now available for Jetpack Compose.
See Date and Time Picker Form Cell for more information.
Date picker form cell with Horizon tonal color option
Stepper Form Cell
The stepper form cell and the nested stepper control, which allow users to incrementally increase or decrease a select value, are now available for Jetpack Compose.
Check out the Stepper Form Cell guideline article to learn more.
Stepper form cell in horizontal layout (top) and vertical layout (bottom)
Text Input Form Cell
Text input form cells have been enhanced to provide currency support, allowing users to enter currency values in single property form cells. The form cells now feature ISO codes that automatically format the text input with the corresponding currency symbol.
For more information, refer to Text Inputs.
New in SAP Fiori for iOS 25.8
Check out what’s new in SAP Fiori for Android 25.8.
Illustrated Message
Just like the Android equivalent, the illustrated message component has been updated with new illustration assets to help communicate empty, error, and success states with engaging illustrations.
Learn more about this component in the Illustrated Message SAP Fiori for iOS guideline article.
Illustrated message in different containers
Modals and Sheets
We have added new guideline articles for modality and sheets that cover all types of modals and sheets, including but not limited to full-screen modals, non-modal sheets, action sheets, popovers, and form sheets.
For more information, refer to Modality and Sheets.
Modal sheet
Pickers
The date range picker is now supported as a picker form cell, enabling the triggering of the date range selection component.
Take a look at the Pickers guideline article for more information.
Date range picker
Text Inputs
Text inputs now come with currency support via a new view modifier, enabling display of the ISO code in the text input label, showing the currency symbol after editing, and applying localized formatting using native Apple APIs and formatters.
Check out Text Inputs to view more details.
Text input – single property form cell with currency field support
Resources
Design Guidelines
A detailed documentation on component anatomy, behavior, and interactions allows you to use components that match your use case. Crosslinks to Google’s Material Design Guidelines for Android and Apple’s Human Interface Guidelines for iOS, as well as links to development documentation, help you navigate to these resources. Additionally, you can find a feedback function on each guideline article that allows you to provide feedback.
SAP Fiori for Android Design Guidelines | SAP Fiori for iOS Design Guidelines
UI Kits for Figma
SAP Fiori for Android and iOS UIKit
With the updated SAP Fiori for Android and iOS Design Kits, it’s now easier than ever to use the latest components and patterns in your mobile design. By using the Design Kits, you can quickly create a consistent user experience that enables app implementations at scale.
SAP Fiori for Android 25.8 UI Kits | SAP Fiori for iOS 25.8 UI Kits
SAP Fiori continues to advance its technological offerings with the release of SAP BTP SDK version 25.8, featuring exciting updates for both Android and iOS. This release introduces a suite of new capabilities as well as upgrades to current features, enhancing user experiences on business apps.New in SAP Fiori for Android 25.8In the following section, we’ll give you a brief overview about everything that’s new in SAP Fiori for Android 25.8.Circular In-Place Progress IndicatorThe circular in-place progress indicator displays the status of ongoing processes when loading is initiated by a button. An indicator within the button shows the loading state. The progress indicator has been enhanced to allow customization of the icon button so that once loading is finished, the icon button can be changed to a different icon.For more information, check out the Circular Progress Indicator article in the SAP Fiori for Android design guidelines.Object cell with a circular progress indicatorIllustrated MessageThe illustrated message component, which helps communicate empty, error, and success states through a combination of engaging illustrations, solution-oriented messages, and a conversational tone, has been updated with new illustration assets.To learn more about this component, refer to Illustrated Message.Illustrated message with the new “empty task” illustrationNative File ViewerThe native file viewer, which allows users to preview files, now supports viewing password-protected PDFs by prompting them to enter a password in a dialog before the file is displayed, expanding accessibility and document control within apps.For more information, check out Native File Viewer.Password-protected PDF files in native file viewerPicker Form CellThe picker form cell, used for making date and time-based selections, is now available for Jetpack Compose.See Date and Time Picker Form Cell for more information.Date picker form cell with Horizon tonal color optionStepper Form CellThe stepper form cell and the nested stepper control, which allow users to incrementally increase or decrease a select value, are now available for Jetpack Compose.Check out the Stepper Form Cell guideline article to learn more.Stepper form cell in horizontal layout (top) and vertical layout (bottom)Text Input Form CellText input form cells have been enhanced to provide currency support, allowing users to enter currency values in single property form cells. The form cells now feature ISO codes that automatically format the text input with the corresponding currency symbol.For more information, refer to Text Inputs. New in SAP Fiori for iOS 25.8Check out what’s new in SAP Fiori for Android 25.8. Illustrated MessageJust like the Android equivalent, the illustrated message component has been updated with new illustration assets to help communicate empty, error, and success states with engaging illustrations.Learn more about this component in the Illustrated Message SAP Fiori for iOS guideline article.Illustrated message in different containersModals and SheetsWe have added new guideline articles for modality and sheets that cover all types of modals and sheets, including but not limited to full-screen modals, non-modal sheets, action sheets, popovers, and form sheets.For more information, refer to Modality and Sheets.Modal sheet PickersThe date range picker is now supported as a picker form cell, enabling the triggering of the date range selection component.Take a look at the Pickers guideline article for more information. Date range pickerText InputsText inputs now come with currency support via a new view modifier, enabling display of the ISO code in the text input label, showing the currency symbol after editing, and applying localized formatting using native Apple APIs and formatters.Check out Text Inputs to view more details.Text input – single property form cell with currency field support ResourcesDesign GuidelinesA detailed documentation on component anatomy, behavior, and interactions allows you to use components that match your use case. Crosslinks to Google’s Material Design Guidelines for Android and Apple’s Human Interface Guidelines for iOS, as well as links to development documentation, help you navigate to these resources. Additionally, you can find a feedback function on each guideline article that allows you to provide feedback.SAP Fiori for Android Design Guidelines | SAP Fiori for iOS Design GuidelinesUI Kits for FigmaSAP Fiori for Android and iOS UIKitWith the updated SAP Fiori for Android and iOS Design Kits, it’s now easier than ever to use the latest components and patterns in your mobile design. By using the Design Kits, you can quickly create a consistent user experience that enables app implementations at scale.SAP Fiori for Android 25.8 UI Kits | SAP Fiori for iOS 25.8 UI Kits Read More Technology Blog Posts by SAP articles
#SAP
#SAPTechnologyblog
