UI5ers live #35:  Adaptation Project with VSCode @ui5videos
UI5ers live #35:  Adaptation Project with VSCode  @ui5videos
Uploaded April 2024 | Updated September 2026, 3 weeks ago
In this episode, we explore the new opportunity to create adaptation projects not only in SAP Business Application Studio (BAS), but also in the popular Visual Studio Code (VSCode) editor, using the SAP Fiori tools extension. This version is currently in an experimental stage and is being released to gather early feedback from our developer community. During the session, we will demonstrate the functionality of this VSCode extension, and discuss its current limitations.

Furthermore, we delve into the successful release of adaptation projects for S/4HANA Cloud in BAS. This launch enables developers to enhance SAPUI5 applications in Cloud ERP with comprehensive features that were previously exclusive to on-premise customers. We will highlight the unique aspects of this offering and discuss key points to consider.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:19 UI5 Typescript Walkthrough Tutorial
05:27 SAPUI5 Flexibility
08:48 Demo: Adaptation Project with VS Code
23:43 Q/A: For the correct work of the SAPUI5 Flexibility in freestyle UI5 application, should all of the controls have unique (aka stable) IDs?
25:34 Q/A: Can we use adaptation projects for CAP service based applications hosted on BTP Launchpad services?
26:42 Adaptation Project Outlook
29:11 Adaptation Project for S/4HANA Cloud in BAS
33:50 Q/A: Do we need embedded steampunk for creating adaptation projects in S/4HANA Cloud?
34:29 Q/A: In case of adapting a standard S/4HANA app and app sources are copied for compatibility, at what stage the new standard will be merged into the copied app? Is that something customers have to trigger?
37:13 Closing Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
UI5 TypeScript Walkthrough Tutorial: github.com/SAP-samples/ui5-typescript-walkthrough
SAPUI5 Flexibility (documentation): help.sap.com/viewer/UI5_Flex
UI Adaptation (documentation): ui5.sap.com/#/topic/f1430c0337534d469da3a56307ff76af.html
Adaptation Project (documentation): help.sap.com/docs/SAP_FIORI_tools/17d50220bcd848aa854c9c182d65b699/802f01cb252746468038b856b6c56c56.html
Adaptation Project - Adding a Custom Filter to the List Report (blog post): community.sap.com/t5/technology-blogs-by-sap/sap-fiori-elements-adaptation-project-adding-a-custom-filter-to-the-list/ba-p/13536666
Freestyle SAPUI5 App - Adding a Search Link to Items on a Table (blog post): community.sap.com/t5/technology-blogs-by-sap/adaptation-project-freestyle-sapui5-app-adding-a-search-link-to-items-on-a/ba-p/13545819
Extending SAP Fiori Application for S/4HANA Cloud /(documentation): help.sap.com/docs/bas/developing-sap-fiori-app-in-sap-business-application-studio/extending-sap-fiori-application-for-s-4hana-cloud
Upgrade Safe Compatibility Rules for Adaptation Projects (documentation): help.sap.com/docs/bas/developing-sap-fiori-app-in-sap-business-application-studio/upgrade-safe-compatibility-rules?locale=en-US
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Music: klinik FX
UI5ers live #35:  Adaptation Project with VSCodeGreat UX, Made EasyUI5con@SAP 2019: Integrating D3.js Visualizations via Custom Controls LiveUI5con 2023: OData V4 / V2 progress regarding create: Inline creation rows, deep createUI5ers live #09: Auto pop-in mode, column resizing, spreadsheet exportMission Apollo: Bring UI5 to the MoonUI5con HYBRID 2022: Building SAP Fiori apps with flexible open-source modulesUI5con@SAP 2019: UI5 Advanced Programming ModelAdding AI to SAP Fiori elements apps at both design time and runtimeUI5ers live #06: CSP Support, Caching Mechanism, UI5 Web ComponentsUI5 Tools - Update 2026Whats New: SAP Fiori Elements V4, Runtime AI and My Home
UI5 |

UI5ers live #35: Adaptation Project with VSCode

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER