SAP Build Code Overview and Features
SAP Build Code Overview and Features
Public
Warning
This document has been generated from SAP Help Portal and is an incomplete version of the official SAP product documentation.
The information included in custom documentation may not reflect the arrangement of topics in SAP Help Portal, and may be
missing important aspects and/or correlations to other topics. For this reason, it is not for production use.
This is custom documentation. For more information, please visit SAP Help Portal. 1
5/28/25, 12:24 PM
By seamlessly integrating coding, testing, and application management, it streamlines the application development process on
SAP BTP. SAP Build Code combines SAP Business Application Studio with the most essential services and SDKs on SAP BTP.
With the integration of Joule, the innovative AI copilot of SAP, SAP Build Code enables automatic generation of application code,
data models, services, and sample data. Using SAP Build Code ensures adherence to the best practices and guidance outlined in
the SAP BTP Developer's Guide.
Service Description
SAP Business Application SAP Business Application Studio is a powerful and modern development environment, tailored for
Studio efficient development of business applications for the Intelligent Enterprise. Available as a cloud service,
it provides developers a desktop-like experience similar to market leading IDEs, while accelerating time-
to-market with high-productivity development tools such as wizards and templates, graphical editors,
quick deployment, and more.
Transport Management SAP Cloud Transport Management service lets you manage software deliverables between accounts of
different environments (such as Cloud Foundry, ABAP, and Neo), by transporting them across various
runtimes. This includes application artifacts as well as their respective application-specific content.
This is custom documentation. For more information, please visit SAP Help Portal. 2
5/28/25, 12:24 PM
Service Description
SAP Continuous Integration SAP Continuous Integration and Delivery lets you configure and run predefined continuous integration
and Delivery and delivery (CI/CD) pipelines that automatically build, test, and deploy your code changes to speed up
your development and delivery cycles.
SAP Document Management Onboard and offboard your repositories to the Document Management Service.
– Applications
SAP Document Management Document Management Service, Repository Option lets you securely store your enterprise content in a
- Repository meaningful way using folder hierarchies.
SAP Mobile Services SAP Mobile Services is an open-standards based cloud platform that enables mobile application
development, configuration, and management.
SAP Business Technology The SAP BTP, Cloud Foundry runtime lets you develop polyglot cloud-native applications and run them on
Platform, Cloud Foundry the SAP BTP Cloud Foundry environment.
runtime
SAP Alert Notification Receive notifications about SAP Business Technology Platform (SAP BTP) events to your preferred
service for BTP communication channel or monitoring tool.
CP Cloud Logging SAP Cloud Logging service is an instance-based observability service that builds upon OpenSearch to
store, visualize, and analyze application logs, metrics, and traces from SAP BTP Cloud Foundry, Kyma,
Kubernetes and other runtime environments.
Note
In SAP Build Code, the Cloud Logging service is available for evaluation purposes only.
Application Autoscaler Automatically scale your applications to meet their dynamic resource needs.
Service
These services are included in the overall SAP Business Technology Platform contract:
SAP Build Work Zone, Simplify access to applications by establishing a central entry point.
foundation
Destination Retrieve and store technical information about the target resource (destination) that you want to connect
with your application to a remote service or a system
Connectivity Service Enable SAP BTP applications to access remote services that run on the Internet or on-premise.
SAP Authorization and Trust Manage user authorizations and trust to identity providers. Identity providers are the user base for
Management applications.
SaaS Provisioning Service The SaaS Provisioning service allows application providers to register multitenant applications and
services in the Cloud Foundry environment in SAP Business Technology Platform.
Event Broker This service supports SAP's strategic event-driven architecture initiative to create a well-defined, easily
consumable and extensible ecosystem for exchanging SAP business events.
SAP Build enables anyone, no matter what is their skill level, to create and augment enterprise applications, process automation,
and business sites with drag-and-drop simplicity.
SAP Build Apps SAP Build Apps is a low-code development platform to create apps
for the Web and native mobile use. Business users can build
enterprise-grade apps without writing a single line of code.
Professional developers can reduce coding effort in the creation of
complex data models and business logic.
SAP Build Code SAP Build Code offers an AI-powered cloud development
environment specifically tailored for SAP Cloud Application
Programming Model (CAP), SAP Fiori, mobile, and SAPUI5
developers. SAP Build Code streamlines the application
development process on SAP BTP, and it combines SAP Business
Application Studio with the most essential services and SDKs on
SAP BTP.
SAP Build Process Automation SAP Build Process Automation is a citizen developer solution to
adapt, improve, and innovate business processes with no-code
workflow management and robotic process automation
capabilities. For example, creating forms-based workflows and
automating repetitive tasks within existing process flows.
SAP Build Work Zone Using SAP Build Work Zone, you can create business sites that
serve as a unified point of access to SAP, custom-built, and third
party applications and extensions, both on the cloud and on
premise.
This is custom documentation. For more information, please visit SAP Help Portal. 4
5/28/25, 12:24 PM
For more information, see What Is SAP Build Work Zone, advanced
edition?.
Initial Setup
Perform these preparatory steps to set up your system for creating your business applications in SAP Build Code.
Prerequisites
You have created a global account in the SAP BTP cockpit. See Getting a Global Account.
Tip
The correct way to subscribe to SAP Build Code is using the booster and not the manual setup.
Note
If you already have a subscription to one or more of the services included in SAP Build Code and you would like to upgrade to
the SAP Build Code plan, see Changing Service Plans.
1. Access your global account in the SAP BTP cockpit and choose Boosters from the navigation pane.
2. Search for the Get started with SAP Build Code booster.
Note
There is a booster for each of the SAP Build Code service plans. Make sure to select the one relevant to the plan you
want to work in.
Note
To see if SAP Build Code is available in your region, search for SAP Build Code in the Discovery Center .
3. Open the booster to see the overview, components, and additional resources.
4. Choose Start.
The booster wizard guides you through the process of enabling the tools, configuring entitlements, and assigning members
on the SAP BTP cockpit.
Note
The Get started with SAP Build Code booster does not set up an SAP HANA Cloud database instance automatically.
You need to manually create an instance. See Create an SAP HANA Database Instance Using SAP HANA Cloud Central.
The booster checks for required authorizations, compatible providers, and regions.
This is custom documentation. For more information, please visit SAP Help Portal. 5
5/28/25, 12:24 PM
5. Make sure that you comply with all the prerequisites, and choose Next.
6. In the Select Scenario step, select the Create Subaccount radio button.
7. In the Configure Subaccount step, select the necessary entitlements for the different services and provide information for
the required fields. See Configure Entitlements and Quotas for Subaccounts.
Note
The booster will create an entitlement to the Cloud Logging service but it will not create an instance. An instance will
automatically be created the first time you deploy an application.
Note
The Cloud Logging service is included only for development purposes in SAP Build Code. If you want to use a productive
version of the service, delete this service from the list in the SAP Build Code booster, and subscribe to it separately
without using the build-code plan. See Cloud Logging .
Note
Make sure to provide a meaningful name for the subaccount. For example, build-procode-dev-fullstack.
8. In the Add Users step, select the custom Identity Authentication service tenant configured for your account for both the
platform users and for the applications.
Note
If you select a different identity provider, some services will not work as expected.
9. Enter the details of additional users who will work on your development project and assign them to the relevant roles.
Administrators will be assigned to the org manager and space manager roles, and to the
Build_Code_Administrator and Subaccount Administrator role collections.
Developers will be assigned to the space developer role and to the Build_Code_Developer and Subaccount
Viewer role collections.
11. After running the booster, on the popup window, choose Navigate to Subaccount.
12. From the navigation pane, select Services Instances and Subscriptions .
Note
If you already have a subscription to one or more of the services included in SAP Build Code and you would like to upgrade to
the SAP Build Code plan, see Changing Service Plans.
This is custom documentation. For more information, please visit SAP Help Portal. 6
5/28/25, 12:24 PM
Development
With SAP Build Code, you can develop business applications following the best practices and guidance outlined in the SAP BTP
Developer's Guide.
Prerequisites
Make sure your administrator has set up your system with the required roles and entitlements as described in Initial Setup.
You can use the services as data sources or consume events and functions in your application from the Service Center. You can
also create a new service based on a business object.
To explore services, navigate to the Service Center using one of the following options:
Navigate to View Open View from the menu, and enter Service Center in the input field.
This is custom documentation. For more information, please visit SAP Help Portal. 7
5/28/25, 12:24 PM
From the Service Center, you can explore different resource types, such as a service, event, business object, or function.
You can select a provider from the Select a Provider dropdown list. The following service providers are available:
Login occurs automatically, using the SAP Business Application Studio user credentials. If you don't maintain the credentials in the
destination configuration of the account, you need to log in manually to open the system information.
3. The Service Center displays a list of catalogs and a separate list of single services.
Note
If a system is connected, there's a dot next to the icon ( ) and you can click it to see the services that it contains.
The destination points to the ABAP system directly. The system shows its service catalogs with a list of
services (V2 and V4, for example). To see the list of services, click the catalog and log in with your user
credentials, if needed.
The destination points to the SAP Cloud for Customer system directly. The system shows its service catalogs
with a list of services (V2). To see the list of services, click the catalog and log in with your user credentials, if
needed.
Service Host
The destination points to a host. To log in, enter the service path and your credentials, if needed, and click
CONNECT.
Service URL
This is custom documentation. For more information, please visit SAP Help Portal. 8
5/28/25, 12:24 PM
The destination points to the SAP Business One system directly. Adding this system enables you to create an
SAP BTP application consuming an SAP Business One service.
Note
Only No Authentication or Basic Authentication types are supported.
You must use SAP Business One 10.0 Feature Package (FP) 2305 to enable adding a system.
For more information about SAP Business One and the catalog that exposes a list of services, see Service
Layer API Reference and What's New in SAP Business One 10.0, version for SAP HANA.
4. Click a catalog ( ) to open it and display the list of services, or click a service ( ) to see its properties, including the
name, description, authentication type, status, and URL.
5. Click an entity to see the service details. You can see the entity's metadata, details, and live data in the Entities tab. This
helps you choose an entity for your application.
Note
The live data only displays up to 20 rows of data for simple data types.
You can see details about the system and service in the Properties tab.
6. You can click View Diagram to see the service entities, their properties, and the relationships between the entities in a new
tab.
Note
This feature is only available in an SAP Fiori project.
If you don't find the correct UI service for your project, you can explore business objects or CDS views and their properties in SAP
S/4HANA Public Cloud and then generate an OData V4 service from an ABAP business object or CDS view. The service enables
you to develop an SAP Fiori application based on your own custom UI service and deploy it to SAP BTP or SAP S/4 HANA Cloud.
Prerequisites:
To explore business objects and CDS views, make sure you have performed the following steps:
You must use SAP S/4HANA Cloud or ABAP Cloud only and connect with SAMLAssertion authentication to SAP BTP.
See Integrating SAP Business Application Studio and Creating a Destination for Cross-Subaccount Communication.
You must connect to the SAP S/4HANA Development Tenant (usually Client 80).
You must have a business user in SAP S/4HANA with the BR_DEVELOPER business role.
2. Use the Business Object/CDS radio button to filter for the relevant entries.
This is custom documentation. For more information, please visit SAP Help Portal. 9
5/28/25, 12:24 PM
4. Click a business object or CDS view from the list to see its entities and properties.
Note
If the business object or CDS view isn't optimized for UI creation, a notification will be displayed.
1. Follow the UI Service Generator wizard steps, provide the required information, and click Finish.
The UI OData service is generated from the business object or CDS view and is published in the V4 service catalog.
The new UI service is displayed under External Resources and is also available in the Service Center.
Create a UI Application
2. Follow the SAP Fiori generator wizard steps, provide the required information, and click Finish.
Note
This feature is only available in a Full-Stack Application Using Productivity Tools project.
A Remote Function Call (RFC) is the standard SAP interface for communication between SAP systems. RFC calls a function to be
executed in a remote system.
You can add an RFC to a Full-Stack Application Using Productivity Tools project and then explore functions in the Service Center.
Prerequisites:
You can only explore systems that are configured with the Remote Function Call (RFC) type of authentication protocol.
Create and maintain systems with the Type RFC in the Destination Configuration of the SAP BTP cockpit. See RFC
Destinations.
In addition to any other RFC calls that you use in your app, you must maintain the Cloud Connector for RFC with the
following function names set up:
DOCU_GET
RFC_FUNCTION_SEARCH
RFC_METADATA_GET
This is custom documentation. For more information, please visit SAP Help Portal. 10
5/28/25, 12:24 PM
The following Additional Properties are required for the RFC destination:
[Link]
[Link]
[Link]
Only manual credential entry (CONFIGURED_USER) for the Authorization Type is supported when you log in to the
system from the Service Center.
You created a Full-Stack Application Using Productivity Tools project. See Create a Project.
Procedure:
4. Click on the desired system and log in with your username and password, if needed.
Classic APIs are delivered by SAP, are stable, will not change, and are therefore recommended. See this blog about
Classic APIs.
The import parameters, export parameters, tables, and general information for the function are available in the Service
Center editor.
Note
If you have several projects in your workspace, you will be prompted to select a project.
7. To preview, you must create a user in the Repository-Based Shipment Channel (RBSC). See Viewing Licenses and
Repository Endpoints.
8. When adding a function to the project for the first time, you need to enter your RBSC credentials and click Add. This will
enable you to run the function later.
If you need to set up or change your RBSC credentials, select CDS: Configure RBSC for @sap/cds-rfc library from the
command palette and follow the prompts.
Note
RBSC credentials are stored in the project's .npmrc file. The .npmrc file will be added to the .gitignore file. You will
be prompted for credentials only one time per project. If you manually remove the RBSC credentials from the .npmrc
file, you will be prompted to enter the credentials again.
The function is added to the project and the following changes occur:
The npmrc file is updated with your RBSC credentials, enabling access to the RFC library. The RFC library is added
as a dependency to the project. See SAP Cloud Application Programming Model- RFC Integration .
This is custom documentation. For more information, please visit SAP Help Portal. 11
5/28/25, 12:24 PM
Under the srv>external resource folder, the function is translated to a cds file.
The run configuration for running the external resource is updated automatically.
Note
When adding a function to a project, you may be prompted to approve the copying of your system login
credentials. You can agree, disagree, or choose not to decide at that moment. Your decision can be changed later
in the Service Center settings. Upon approval, credentials from the Service Center will be copied to the project
for running locally.
"<YourDestination>": {
"kind": "rfc",
"model": "srv/external/<YourDestination>",
"[production]": {
"credentials": {
"destination": "<YourDestination>"
}
}
}
You can add a service to an empty SAP Fiori project or to an SAP Fiori project that doesn't have a service:
1. From the Service Center, open a service and click the Add to SAP Fiori Project button.
Note
If your dev space does not have a project, click Create Project and follow the wizard.
The service is added and is displayed in the External Resources section of the storyboard.
The .[Link] file is added to the project folder in the file explorer.
If the SAP Fiori project already had a UI, the added service is integrated into the UI.
If you have more than one empty SAP Fiori project, you must select the project where you want to add the service.
You can select a service from the Service Center and add it as an external service to a CAP Node project:
1. From the Service Center, open a service and click the Add to CAP Project button.
This is custom documentation. For more information, please visit SAP Help Portal. 12
5/28/25, 12:24 PM
Note
If your dev space does not have a project, click Create Project and follow the wizard.
2. If prompted, select the target CAP Node project to add the external service to.
3. (Optional) If you are using a Full Stack Cloud Application project, you can generate a sample service and select the
relevant entities.
Note
Sample service generation is only available for a project created in the Full Stack Cloud Application dev space. It's not
available for a project created in the Full-Stack Application Using Productivity Tools dev space.
4. Click Add.
You added the external service to the CAP project. The following changes happen:
The <service_name>.xml and <service_name>.cds files appear in the srv external folder of the
project.
A service section appears in the [Link] file of the CAP project, which refers to the srv external
<service_name>.xml file. This file has the metadata of the service:
"<service_name>": {
"kind": "odata",
"model": "srv/external/<service_name>"
"credentials": {
"destination": "<service_name>"
}
}
The external service is added to the storyboard and Project Overview, under External Resources.
You can select an OData service from the Service Center and add it as an external resource to a CAP Java project:
1. From the Project Overview, click on the External Resources row to add an external resource to the project.
2. Click on an OData service to open it and click the Add to Project button.
You added the external service to the Java project. The following changes happen:
You can also see the new service in the Project Overview.
The [Link] configuration file is updated for the productive profile and for the local preview, and
includes the new service and its destination.
This is custom documentation. For more information, please visit SAP Help Portal. 13
5/28/25, 12:24 PM
A Maven dependency named cds-feature-remote-odata, which is required to enable Remote Services for
OData V2 or V4 APIs in the application, is added to the project's [Link] file.
For more information about what is configured by the Service Center when adding the service to your project, see
Configuring Remote Services .
Once the service has been added to the project, you can do the following:
Implement a custom handler and consume your external service. See Consuming Remote Services .
Test your project. See Creating Run Configurations for CAP Java Applications.
Add a System
You can add a new system to your SAP Business Application Studio subaccount:
Note
If your account isn't a trial account, make sure that the Business_Application_Studio_Administrator role is assigned to
you in the cockpit. See Manage Authorizations and Roles.
If you're adding a system based on an ABAP Service Catalog, the following prerequisites apply:
For SAP S/4HANA on-premise, SAP ERP, or another on-premise ABAP, make sure that the Cloud Connector is set
up. See this blog post (under the Create a Data Source (Destination) heading in the Service Catalog
section).
For SAP S/4HANA Cloud or the SAP BTP ABAP environment, which both use SAML Bearer Assertion
authentication, see Create a Destination to Connect to SAP Business Application Studio.
2. Enter the system name and URL, and select the system type, proxy, authentication method, and product, if needed.
Note
You can select Basic Authentication and enter the username and password for your system. This configuration enables
you to view the system information without needing to log in each time.
3. Click Add.
Note
The Service Center only shows SAP Business Accelerator Hub products and packages that contain OData services.
This is custom documentation. For more information, please visit SAP Help Portal. 14
5/28/25, 12:24 PM
For more information about exploring events, see Explore SAP S/4HANA or SAP S/4HANA Cloud Events for the Full Stack
Cloud Application dev space and Explore SAP S/4HANA or SAP S/4HANA Cloud Events for the Full-Stack Application
Using Productivity Tools dev space.
2. From the Select a Provider dropdown list, select SAP Business Accelerator Hub.
3. The following products are available in the Select Product dropdown list:
SAP S/4HANA
SAP SuccessFactors
5. Click a service ( ) and log in with your SAP Business Accelerator Hub credentials, if needed.
Note
You must log in with your SAP Business Accelerator Hub credentials once at the beginning of your session.
The service editor displays the service's properties, including the service name, protocol, status, and product.
You can navigate to the API package by clicking the link with the package name.
You can also navigate to the service in the SAP Business Accelerator Hub by clicking the service name. From the SAP
Business Accelerator Hub, you can click Try Out to test the API in the sandbox environment.
6. Click an entity to see the service details, including entity details and live data:
a. You can see the entity's metadata, details, and live data in the Entities tab. This helps you choose an entity for your
application.
Note
The live data only displays up to 20 rows of data for simple data types.
b. You can see details about the service in the Properties tab.
7. You can click View Diagram to see the service entities, their properties, and the relationships between the entities in a new
tab.
Note
To run your project with the SAP Business Accelerator Hub sandbox, see the prerequisites in Developing an HTML5 Application
for Cloud Foundry.
You can add a service to an empty SAP Fiori project or to an SAP Fiori project that doesn't have a service:
1. From the Service Center, open a service and click the Add to SAP Fiori Project button.
This is custom documentation. For more information, please visit SAP Help Portal. 15
5/28/25, 12:24 PM
Note
If your dev space does not have a project, click Create Project and follow the wizard.
The service is added and is displayed in the External Resources section of the storyboard.
The .[Link] file is added to the project folder in the file explorer.
If the SAP Fiori project already had a UI, the added service is integrated into the UI.
If you have more than one empty SAP Fiori project, you must select the project where you want to add the service.
You can select a service from the Service Center and add it as an external service to a CAP Node project:
1. From the Service Center, open a service and click Add to CAP Project .
Note
If your dev space does not have a project, click Create Project and follow the wizard.
2. If prompted, select the target CAP Node project to add the external service to.
3. (Optional) If you are using a Full Stack Cloud Application project, you can generate a sample service and select the
relevant entities.
Note
Sample service generation is only available for a project created in the Full Stack Cloud Application dev space. It's not
available for a project created in the Full-Stack Application Using Productivity Tools dev space.
4. Click Add.
You added the external service to the CAP project. The following changes happen:
The <service_name>.xml and <service_name>.cds files appear in the srv external folder of the
project.
A service section appears in the [Link] file of the CAP project, which refers to the srv external
<service_name>.xml file. This file has the metadata of the service:
"<service_name>": {
"kind": "odata",
"model": "srv/external/<service_name>"
"credentials": {
"destination": "<service_name>"
This is custom documentation. For more information, please visit SAP Help Portal. 16
5/28/25, 12:24 PM
}
}
If you added a sample service with the relevant entities, the <service_name>.cds and the
<service_name>.js files appear in the srv external folder of the CAP project.
You can select an OData service from the Service Center and add it as an external resource to a CAP Java project:
1. From the Project Overview, click on the External Resources row to add an external resource to the project.
2. Click on an OData service to open it and click the Add to Project button.
You added the external service to the Java project. The following changes happen:
You can also see the new service in the Project Overview.
The [Link] configuration file is updated for the productive profile and for the local preview, and
includes the new service and its destination.
A Maven dependency named cds-feature-remote-odata, which is required to enable Remote Services for
OData V2 or V4 APIs in the application, is added to the project's [Link] file.
For more information about what is configured by the Service Center when adding the service to your project, see
Configuring Remote Services .
Once the service has been added to the project, you can do the following:
Implement a custom handler and consume your external service. See Consuming Remote Services .
Test your project. See Creating Run Configurations for CAP Java Applications.
To add SAP S/4HANA or SAP S/4HANA Cloud events for consumption to your project, see Adding SAP S/4HANA or SAP
S/4HANA Cloud Events to Your Project for the Full Stack Cloud Application dev space and Add SAP S/4HANA or SAP S/4HANA
Cloud Events for the Full-Stack Application Using Productivity Tools dev space.
Prerequisite
You created a service instance in the Developer Hub. See Creating a Service Instance in the API Management, Developer Hub.
This is custom documentation. For more information, please visit SAP Help Portal. 17
5/28/25, 12:24 PM
Add a System
You can add a new system, referring to the Developer Hub instance, from the SAP BTP cockpit in the SAP Business Application
Studio subaccount. This destination will be used to register new developers to the Developer Hub and to subscribe them to new
products, if needed.
Note
To add a system, you must meet these criteria:
You're assigned the Business_Application_Studio_Administrator role in the cockpit. See Manage Authorizations and
Roles.
2. Enter the system name and URL and select the system type, proxy, authentication method, and product.
Note
You can select Basic Authentication and enter the username and password for your system. This configuration enables
you to view the system information without needing to log in each time.
3. Click Add.
4. Create a destination in your SAP Business Application Studio subaccount from the cockpit with the following fields:
Property Value
Type HTTP
URL Use the url value from the service key of the Developer Hub
instance.
You can find the service key for the service instance that you
created (in the Prerequisite) in the SAP BTP cockpit, under the
API Management, Developer Hub service.
Authentication OAuth2ClientCredentials
Client ID Use the clientId value from the service key of the Developer
Hub instance.
Client Secret Use the clientSecret value from the service key of the
Developer Hub instance.
Token Service URL Use the tokenUrl value from the service key of the Developer
Hub instance.
This is custom documentation. For more information, please visit SAP Help Portal. 18
5/28/25, 12:24 PM
Property Value
[Link] true
WebIDEEnabled true
WebIDEUsage apihub_enterprise
Property Value
subscribed Use the first part of the tokenUrl from the destination system of the
subaccount Developer Hub.
name
For example, if the URL is
[Link]
Note
The Service Center only shows Developer Hub systems and products with OData services.
1. If it's not already selected, use the Service radio button in the Service Center to filter for the relevant providers.
3. Select a system from the dropdown list to display the products within it.
These products are created from the SAP S/4HANA Cloud business system, which has been connected to the
Developer Hub.
This is custom documentation. For more information, please visit SAP Help Portal. 19
5/28/25, 12:24 PM
a. The Global Account Administrator registered the SAP S/4HANA Cloud system in the SAP BTP cockpit and
linked it to the Integration Suite. See How to discover APIs from business systems in Developer Hub.
b. You have created products from the SAP S/4HANA Cloud system in the Developer Hub. See Create Products
from Business Systems.
Custom Products
You must be onboarded to the Developer Hub and subscribed to access the service details for these products.
If the product is available and connected ( ), you can search for services within it.
5. Click a service ( ) to see its properties, including the service name, protocol, and status.
You can see the Entity Details, Service Properties, and Connectivity Information, which lets you connect to the live data of
the service, if there is a matching destination. The destination is copied from the target system in the Developer Hub to the
SAP Business Application Studio account whenever you fetch live data or when you add a service to the project.
Note
You must have an SAP Business Application Studio Administrator role to create a new destination while fetching
live date or adding a service to a project.
Custom Products
To see the service details, you must be onboarded to the Developer Hub and subscribed to the selected product:
If you aren't onboarded to the Developer Hub, enter your first name, last name, and subscription name and click
Subscribe.
You're now subscribed to the product and all services associated with it.
If you're onboarded to the Developer Hub, but you aren't subscribed to the product, enter a subscription name and
click Subscribe.
After you're subscribed to the selected product, you'll see the following information:
Subscription details
This section includes a link to the product in the Developer Hub, the subscription name with a link to the
subscription in the Developer Hub, and the subscription date.
Service properties
Note
This is custom documentation. For more information, please visit SAP Help Portal. 20
5/28/25, 12:24 PM
If a service is unavailable and the target endpoint of the service requires authentication, make sure that the
target endpoint is configured to be authenticated via Basic Authentication. See the "Configure API Management
to Use the Basic Authentication Policy" section in this blog post .
We recommend using the verify API key policy to ensure secure access to the service. This policy is added in the
PreFlow of the ProxyEndpoint of the corresponding API proxy.
6. Click an entity to see the service details, including entity details and live data:
a. You can see the Entity Details and Live Data in the Entities tab. This helps you choose an entity for your application.
Note
The Live Data only displays up to 20 rows of data for simple data types.
7. You can click View Diagram from the Entities tab to see the service entities, their properties, and the relationships between
the entities in a new tab.
If the SAP Business Application Studio Administrator role is assigned to you, after creating a project or adding an external service,
the destination to the selected product subscription is generated in the SAP BTP cockpit. The destination enables you to preview
live data and run your deployed application. For Custom Products, the destination includes information about the product
subscription, including the subscription's API key and the subscription's ID.
If you don’t have the SAP Business Application Studio Administrator role, the destination isn't generated with your subscription.
Note
For Custom Products only: If the deployed application to Cloud Foundry fails to bring data from the service, make sure that in
the Developer Hub, the Assign Message policy is used in the PreFlow of the ProxyEndpoint of the API proxy.
We use the Assign Message policy to override the HTTP request Accept-Encoding header:
<!-- This policy can be used to create or modify the standard HTTP request and response messages
<AssignMessage async="false" continueOnError="false" enabled="true" xmlns='[Link]
You can add a service to an empty SAP Fiori project or to an SAP Fiori project that doesn't have a service:
1. From the Service Center, open a service and click the Add to SAP Fiori Project button.
This is custom documentation. For more information, please visit SAP Help Portal. 21
5/28/25, 12:24 PM
Note
If your dev space does not have a project, click Create Project and follow the wizard.
The service is added and is displayed in the External Resources section of the storyboard.
The .[Link] file is added to the project folder in the file explorer.
If the SAP Fiori project already had a UI, the added service is integrated into the UI.
If you have more than one empty SAP Fiori project, you must select the project where you want to add the service.
You can select a service from the Service Center and add it as an external service to a CAP Node project:
1. From the Service Center, open a service and click the Add to CAP Project button.
Note
If your dev space does not have a project, click Create Project and follow the wizard.
2. If prompted, select the target CAP Node project to add the external service to.
3. (Optional) If you are using a Full Stack Cloud Application project, you can generate a sample service and select the
relevant entities.
Note
Sample service generation is only available for a project created in the Full Stack Cloud Application dev space. It's not
available for a project created in the Full-Stack Application Using Productivity Tools dev space.
4. Click Add.
You added the external service to the CAP project. The following changes happen:
The <service_name>.xml and <service_name>.cds files appear in the srv external folder of the
project.
A service section appears in the [Link] file of the CAP project, which refers to the srv external
<service_name>.cds file. This file has the metadata of the service:
"<service_name>": {
"kind": "odata",
"model": "srv/external/<service_name>"
"[production]": {
"credentials": {
"destination": "<service_name>",
This is custom documentation. For more information, please visit SAP Help Portal. 22
5/28/25, 12:24 PM
"path": "<service_path>"
}
},
"csrf": true,
"csrfInBatch": true
}
If you added a sample service with the relevant entities, the <service_name>.cds and the
<service_name>.js files appear in the srv external folder of the CAP project.
You can select an OData service from the Service Center and add it as an external resource to a CAP Java project:
1. From the Project Overview, click on the External Resources row to add an external resource to the project.
2. Click on an OData service to open it and click the Add to Project button.
You added the external service to the Java project. The following changes happen:
You can also see the new service in the Project Overview.
The [Link] configuration file is updated for the productive profile and for the local preview, and
includes the new service and its destination.
A Maven dependency named cds-feature-remote-odata, which is required to enable Remote Services for
OData V2 or V4 APIs in the application, is added to the project's [Link] file.
For more information about what is configured by the Service Center when adding the service to your project, see
Configuring Remote Services .
Once the service has been added to the project, you can do the following:
Implement a custom handler and consume your external service. See Consuming Remote Services .
Test your project. See Creating Run Configurations for CAP Java Applications.
Prerequisites
Your administrator registered an SAP S/4HANA Cloud system in an SAP BTP global account.
This is custom documentation. For more information, please visit SAP Help Portal. 23
5/28/25, 12:24 PM
Your administrator created a Developing with SAP Business Application Studio formation type in the SAP BTP cockpit to
assign the SAP S/4HANA Cloud system to an SAP Business Application Studio subaccount.
You created a destination in your SAP Business Application Studio subaccount for each consumption bundle from the SAP
BTP cockpit with the following fields:
Property Value
Type HTTP
URL Enter the URL of the SAP S/4HANA Cloud target system.
This value is displayed in the System Landscape System
Details URL field in the SAP BTP cockpit.
Note
You must be a global account administrator to see the
System Landscape.
Property Value
[Link] true
WebIDEEnabled true
x-correlation-id sap.s4:communicationScenario:SAP_COM_<XXXX>
This is custom documentation. For more information, please visit SAP Help Portal. 24
5/28/25, 12:24 PM
For more information, see Explore SAP S/4HANA or SAP S/4HANA Cloud Events for the Full Stack Cloud Application dev
space and Explore SAP S/4HANA or SAP S/4HANA Cloud Events for the Full-Stack Application Using Productivity Tools
dev space.
2. From the Select a Provider dropdown list, select Unified Customer Landscape.
If the package is available and connected ( ), you can search for services within it.
5. Click a service ( ) to display its properties, including the service name, protocol, version, URL, and status.
In the Connectivity Information, you can see the consumption bundle name, ID, and correlation ID. If there is a destination,
you can select it and see its name and authentication.
6. Click an entity to see the service details, including entity details and live data:
a. You can see the entity's metadata, details, and live data in the Entities tab. This helps you choose an entity for your
application.
Note
The live data only displays up to 20 rows of data for simple data types.
b. You can see details about the service in the Properties tab.
7. You can click View Diagram to see the service entities, their properties, and the relationships between the entities in a new
tab.
You can add a service to an empty SAP Fiori project or to an SAP Fiori project that doesn't have a service:
1. From the Service Center, open a service and click the Add to SAP Fiori Project button.
Note
If your dev space does not have a project, click Create Project and follow the wizard.
The service is added and is displayed in the External Resources section of the storyboard.
The .[Link] file is added to the project folder in the file explorer.
If the SAP Fiori project already had a UI, the added service is integrated into the UI.
If you have more than one empty SAP Fiori project, you must select the project where you want to add the service.
This is custom documentation. For more information, please visit SAP Help Portal. 25
5/28/25, 12:24 PM
You can select a service from the Service Center and add it as an external service to a CAP Node project:
1. From the Service Center, open a service and click the Add to CAP Project button.
Note
If your dev space does not have a project, click Create Project and follow the wizard.
2. If prompted, select the target CAP Node project to add the external service to.
3. (Optional) If you are using a Full Stack Cloud Application project, you can generate a sample service and select the
relevant entities.
Note
Sample service generation is only available for a project created in the Full Stack Cloud Application dev space. It's not
available for a project created in the Full-Stack Application Using Productivity Tools dev space.
4. Click Add.
You added the external service to the CAP project. The following changes happen:
The <service_name>.xml and <service_name>.cds files appear in the srv external folder of the
project.
A service section appears in the [Link] file of the CAP project, which refers to the srv external
<service_name>.xml file. This file has the metadata of the service:
"<service_name>": {
"kind": "odata",
"model": "srv/external/<service_name>"
"credentials": {
"destination": "<service_name>"
}
}
If you added a sample service with the relevant entities, the <service_name>.cds and the
<service_name>.js files appear in the srv external folder of the CAP project.
You can select an OData service from the Service Center and add it as an external resource to a CAP Java project:
1. From the Project Overview, click on the External Resources row to add an external resource to the project.
2. Click on an OData service to open it and click the Add to Project button.
You added the external service to the Java project. The following changes happen:
The [Link] configuration file is updated for the productive profile and for the local preview, and
includes the new service and its destination.
A Maven dependency named cds-feature-remote-odata, which is required to enable Remote Services for
OData V2 or V4 APIs in the application, is added to the project's [Link] file.
For more information about what is configured by the Service Center when adding the service to your project, see
Configuring Remote Services .
Once the service has been added to the project, you can do the following:
Implement a custom handler and consume your external service. See Consuming Remote Services .
Test your project. See Creating Run Configurations for CAP Java Applications.
To add SAP S/4HANA or SAP S/4HANA Cloud events for consumption to your project, see Adding SAP S/4HANA or SAP
S/4HANA Cloud Events to Your Project for the Full Stack Cloud Application dev space and Add SAP S/4HANA or SAP S/4HANA
Cloud Events for the Full-Stack Application Using Productivity Tools dev space.
Create a Project
You can create a project from scratch using the project wizard, you can clone a project, or you can import an already existing
project to your workspace.
Note
It is recommended to always connect your projects to a Git repository for long-term persistency. See Connect to Your Git
Source Control System.
This is custom documentation. For more information, please visit SAP Help Portal. 27
5/28/25, 12:24 PM
Template Wizard
SAP Business Application Studio allows you to use any type of Yeoman generator including project and module generators.
You can also open the Dev Space Manager from the lobby.
1. Click the Product Switch icon ( ) on the upper-right corner of the lobby.
When you restart your stopped dev space, all content in your dev space, including files and settings, are available. If you want to
apply updates to extensions and bug fixes, you must stop your dev space and start it again.
Note
By creating a dev space, you create a project and file system for yourself. If you delete your dev space, you can't recover it. We
recommend syncing, backing up, and saving your project to a Git repository. See Connect to Your Git Source Control System.
1. From the Dev Space Manager, click to edit the dev space.
Note
To edit an extension, the dev space must be in the stopped state.
2. Select the additional SAP extensions that you want to add, or clear the check mark from extensions you want to remove.
When your dev space is in the RUNNING state to save the dev space contents.
When your dev space is in the ERROR state to recover your data and move the contents to another dev space.
To download the content of your dev space, click and then Download.
If your dev space is in the ERROR state, after the download begins, the dev space state changes to STARTING. The dev space state
then changes to SAFE MODE and then the tar file downloads.
After the dev space changes to SAFE MODE, it's not possible to return to the RUNNING state. You can only download the dev
space content and delete the dev space.
When the export process is complete, the tar file, with the dev space content, is downloaded.
Note
After exporting the dev space content, check the size of the dev space before uploading. Make sure that the size doesn't exceed
10 GB of disk space.
The path to the user folder (/home/user/) is displayed in the command palette.
5. From the Downloads folder, choose the file with the dev space content.
This is custom documentation. For more information, please visit SAP Help Portal. 29
5/28/25, 12:24 PM
Prerequisites
Make sure your administrator has set up your system with the required roles and entitlements as described in Initial Setup.
Procedure
1. Navigate to the SAP Build lobby.
b. From the navigation pane, under Services, click Instances and Subscriptions.
Full-Stack application
6. Provide a name for your project and select the dev space where you want the project to reside. SAP Build Code
recommends the dev space it deems most suitable, but you can go to the Dev Space Manager to select or create a different
one. See Working in the Dev Space Manager.
7. Click Create. In the lobby, a message is displayed showing that your project has been created.
8. Click the project name. The project opens in the Storyboard of SAP Business Application Studio.
Related Information
SAP Build lobby documentation
This is custom documentation. For more information, please visit SAP Help Portal. 30
5/28/25, 12:24 PM
Select New Project from Template from the Get Started page.
Enter New Project in the command palette and select SAP Business Application Studio: New Project from
Template.
The Project Wizard opens showing the project templates that are relevant based on the dev space and additional
extensions that you selected.
Note
When you create a project using a template, you become the code owner and as such, you are responsible for any
updates or fixes that must be performed for it. We recommend you follow the industry best practice of using automated
vulnerability scanning in the CI/CD pipeline to avoid supply chain and other cyber-attacks.
2. Follow the wizard steps and provide the required information. You can move between steps using Back and Next or by
clicking the steps from the wizard tree.
The wizard displays error notifications on the field level and on the step level.
The project is added to your dev space in a new workspace or as part or a multi-root workspace depending on the
Workspace preferences that you defined.
The wizard generates the project including the relevant folder structure, artifacts, and resources.
1. To open the terminal, navigate to Terminal New Terminal from the menu.
3. Select the relevant project type from the list, such as Fiori Project or Basic Multitarget Application.
4. Answer the questions according to the type of application that you want to create.
Related Information
Terminal
Cloning Repositories
Add an existing project to your local workspace by cloning its repository from Git.
For example:
Sample Code
4. Select the folder into which you want to clone the repository and click Select Repository Location.
Importing Projects
Import projects from your local file system to SAP Business Application Studio.
If you have an SAP Web IDE project or a project you worked on in another IDE, you can save it as a ZIP or a TAR file and import it to
SAP Business Application Studio.
1. Make sure there is an open workspace in your dev space. If there is no open workspace:
c. Click OK.
2. From the Get Started page, click Import, or select SAP Business Application Studio: Import Project from the command
palette.
4. Click Open.
The project is added to your dev space in a new workspace or as part or a multi-root workspace depending on the Workspace
preferences that you defined.
A workspace is an entity containing your project's settings, debug configurations, and task configurations.
In SAP Business Application Studio, a workspace is created for you as part of the project creation wizard. If a workspace is already
open, new projects are added to it by default.
This is custom documentation. For more information, please visit SAP Help Portal. 32
5/28/25, 12:24 PM
Working in a multi-root workspace environment means that you can group projects that are saved in different locations or even in
different workspaces. All project files are visible in the file explorer under the same workspace.
You also have the option to open a project as a stand-alone folder, and not belonging to a workspace.
2. Select the desired project and click Open. The project opens as the root folder in the file explorer.
Reopening a Workspace
If you already have a workspace in which you want to create your project, click Open Workspace in the file explorer or from the
menu, navigate to File Open Workspace from File... and select the desired workspace file.
3. Under Workspace, select the preferred default behavior from the dropdown list.
Template Wizard
SAP Business Application Studio allows you to use any type of Yeoman generator including project and module generators.
Note
When you create a project using a template, you become the code owner and as such, you are responsible for any updates or
fixes that must be performed for it. We recommend you follow the industry best practice of using automated vulnerability
scanning in the CI/CD pipeline to avoid supply chain and other cyber-attacks.
The Template wizard opens showing all the Yeoman generators that are installed in your machine.
2. Follow the wizard steps and provide the required information. You can move between steps using Back and Next or by
clicking the steps from the wizard tree.
The wizard displays error notifications on the field level as well as on the step level.
The artifact is added to your dev space in a new workspace or as part or a multi-root workspace depending on the
Workspace preferences that you defined.
If you do not find a wizard that suits your development needs, you can search for more wizards using the Explore and Install
Generators tool.
Develop
SAP Business Application Studio provides you with the tools you require for making your development experience more efficient
and productive.
This is custom documentation. For more information, please visit SAP Help Portal. 34
5/28/25, 12:24 PM
SAP Business Application Studio enables you to connect and interact with the Git source control system, letting you
connect and interact with remote Git repositories.
Terminal
Opening the integrated terminal allows you to access the underlying system. The terminal is a convenient tool because you
don't need to switch windows or change the state of an existing terminal to perform a quick command-line task.
Layout Editor
Display the content of an XML view in the layout editor to see it in a way that closely corresponds to how it will appear in
your finished application.
Command Palette
The command palette provides access to all the IDE functionality including shortcuts for the most common operations.
Runtime Version Management
SAP Business Application Studio uses asdf to allow you to select which runtime versions to install and use for developing
your application.
Outline View
The Outline view displays a symbol tree of the currently active editor. This view is useful for understanding the structure of
a file or for navigating to a specific element in a file.
Problems View
The Problems view displays the coding errors and warnings of all open files in a list. When you click an item from the list, the
problematic piece of code is highlighted in the editor.
Search
There are different Search capabilities in SAP Business Application Studio.
Caution
Joule in SAP Business Application Studio improves accuracy by using your project's source code files as context. Therefore,
please ensure these files do not contain any personal data.
Note
The code is generated using the information on the files in your workspace.
The code is generated using AI and can therefore contain errors and hallucinations, therefore it is important to always
review the code.
Auto-complete
When writing code, press tab and the next line of code will be suggested. You can press tab again to accept the entire
line, or you can click Accept Word to accept each segment separately.
This is custom documentation. For more information, please visit SAP Help Portal. 35
5/28/25, 12:24 PM
Caution
For high risk sectors: Make sure you are familiar with the source code and that you validate the generated code.
1. Go to Manage Settings .
3. Under the Joule Code Assistant: Tab To Enable Autocomplete section, deselect the Inline code suggestions as you
type checkbox.
Refactoring
Your code will be reorganized and cleaned up to enhance its readability, maintainability, and performance without altering
its functionality.
This is custom documentation. For more information, please visit SAP Help Portal. 36
5/28/25, 12:24 PM
Code explanation
This is custom documentation. For more information, please visit SAP Help Portal. 37
5/28/25, 12:24 PM
Your code will be reorganized and cleaned up to enhance its readability, maintainability, and performance without altering its
functionality.
Code Search
Enables semantic search for code within your workspace.
2. At the bottom on the pane, select /code search Search the repository.
This is custom documentation. For more information, please visit SAP Help Portal. 38
5/28/25, 12:24 PM
3. Use natural language to tell Joule what you are looking for.
This is custom documentation. For more information, please visit SAP Help Portal. 39
5/28/25, 12:24 PM
4. The first time you perform a search, it may take some moments for the results to appear because the workspace content
needs to be indexed. Click Continue in the notification.
Now that the workspace has been indexed, the next time you perform a code search, Joule suggests prompts based on your
previous search. You can click on one of the suggested prompts or enter a new one manually.
SAP Business Application Studio indexes any new file added to the workspace.
1. Go to Manage Settings .
Prerequisite: You created a Full-Stack Application project and opened it in SAP Business Application Studio. See Create a Project.
2. At the bottom of the Joule view, select one of the slash commands suggested and use natural language to describe your
use case.
This is custom documentation. For more information, please visit SAP Help Portal. 40
5/28/25, 12:24 PM
This is custom documentation. For more information, please visit SAP Help Portal. 41
5/28/25, 12:24 PM
4. Use the Accept button on bottom of the generated code block to apply the result to your project.
This is custom documentation. For more information, please visit SAP Help Portal. 42
5/28/25, 12:24 PM
5. Click (Run and Debug) from the header to preview the project with the added data models, services, and sample data.
1. To open Joule from the storyboard, click the Joule icon in the data model or services tile. The Joule view opens on the
right.
This is custom documentation. For more information, please visit SAP Help Portal. 43
5/28/25, 12:24 PM
2. Enter a prompt describing how to enhance the project and then click to send the request.
The project is updated. You can see the changes reflected in the storyboard.
4. Click (Run and Debug) from the header to preview the project with the updated sample data.
To open it from the storyboard, select an entity and click the Edit Sample Data icon.
To open it from Joule, click Open Data Editor, and then click an entity from the list.
This is custom documentation. For more information, please visit SAP Help Portal. 44
5/28/25, 12:24 PM
Joule opens.
3. Enter a prompt describing how to enhance the existing sample data and then click to send the request. You are shown
the updated code and a summary of the changes.
This is custom documentation. For more information, please visit SAP Help Portal. 45
5/28/25, 12:24 PM
5. Click (Run and Debug) from the header to preview the project with the updated sample data.
2. From the Application Logic Editor, click Open Code Editor Application Logic to navigate to the source code editor.
5. Click (Run and Debug) from the header to preview the project with the updated application logic.
This is custom documentation. For more information, please visit SAP Help Portal. 46
5/28/25, 12:24 PM
3. Enter a prompt or leave the default prompt and then click to send the request.
5. Open the Generative AI-Powered Development guide, expand the Unit Testing Run Unit Test section, and click Run
Test.
All the required npm dependencies are installed and the unit test runs via `npm test`.
In the Joule view, you can use /ui5 slash commands to invoke tailored Joule functionalities or ask UI5-related questions.
For example, you can ask Joule to create a table for the project.
1. Open the controller or view that was created from the New Project template. This enables the /ui5 slash command
in Joule.
2. Enter a prompt requesting a table. For example: "/ui5 create a table in the main view that
displays the products of the northwind service. Provide data bindings to the
properties of this odata entity."
Joule displays the files that are considered important for executing the task and then suggests the code that should
be added to the [Link] file to include the table. It also provides an explanation of the code at the end of
the suggestion.
Use /ui5-typescript commands to migrate existing JavaScript-based UI5 applications to TypeScript. As soon as the
command is selected, a list of suggestions appears. For more information, see SAPUI5 Meets TypeScript: A Smooth
Migration Journey with Joule .
For example, you can ask Joule to format a parameter or add a column to a table. Likewise, you can ask Joule to add
application logic..
Guide Center
This tool shows you how to execute common development tasks for specific SAP scenarios.
The Guide Center tool provides guidance to perform development tasks based on the best practices defined by SAP experts.
This is custom documentation. For more information, please visit SAP Help Portal. 47
5/28/25, 12:24 PM
The tool presents a set of guides per development scenario. Different guides are displayed depending on the dev space type you
selected and the extensions you enabled for it.
Each guide contains a list of steps you have to perform to complete the development task.
Steps contain detailed instructions as well as the option to trigger an action, such as opening the relevant tool required to perform
the task in a new tab. For example, you can open the snippet tool to add code into your project, open the Project Creation wizard to
create an SAP application, or open documentation in a separate browser window.
1. Open the command palette and enter Guide Center. The Guide Center tool opens showing the list of guides available for
your dev space.
2. Open each step within the relevant guide and follow the instructions.
Explorer
Use the project explorer to browse the contents of your current workspace.
Project Explorer
The project explorer displays application components in a logical view, which simplifies browsing of the contents of your
application.
It gives you a bird's-eye view of the components involved in your application at any point in time.
This is custom documentation. For more information, please visit SAP Help Portal. 48
5/28/25, 12:24 PM
Outline
The Outline view displays a symbol tree of the currently active editor. This view is useful for understanding the structure of a file or
for navigating to a specific element in a file.
You can click on an element in the Outline view to open that element in the editor tab.
To open the Outline view, select Explorer: Focus on Outline View from the command palette.
The Outline view opens on the side of the IDE, within the Explorer view.
This is custom documentation. For more information, please visit SAP Help Portal. 49
5/28/25, 12:24 PM
Quick Access
The Quick Access view allows you to open the most used funtions with one click.
Project Overview
Explore your project's components in a logical view, which simplifies browsing of the contents of your application.
Note
This feature is currently available only in projects of type Full Stack.
All the sections contained in the Storyboard are represented in the Project Overview. Any changes made in the Project Overview
are reflected in the Storyboard and vice versa.
To open the Project Overview, click from the activity bar. A bird's-eye view of the components involved in your application is
displayed.
Project Section
From the Project dropdown list, select the project that you want to see in the tree.
Click the ellipsis at the end of the row to see the available actions for the project.
Note
Some options are only available if you are working in a Full-Stack Application Using Productivity Tools dev space.
Open Storyboard
Deploy Project
Delete - Deletes the namespace together with any entities it may contain.
Data Models
Under Data Models, you can see the namespace and below it the data model entities.
Click on the Data Models row to create a new data model entity.
1. From the dropdown list, choose if you want to create the data model entity in a new or an existing namespace.
2. Click Create.
Click the ellipsis at the end of the row for the namespace or the entity to see the actions available for it.
Services
Under Services, you can see the service entities used in the project.
Click the ellipsis at the end of the row for the service or entity to see the actions available for it.
Analytical Models
Under Analytical Models, you can see the SAP HANA calculation views used in the project.
This is custom documentation. For more information, please visit SAP Help Portal. 51
5/28/25, 12:24 PM
Click on the Analytical Models row to create a new calculation view.
Click the ellipsis at the end of the view row to see the actions available for it.
User Interfaces
Under User Interfaces, you can see SAP Fiori or mobile applications used in the project.
Click on the User Interfaces row to create a new UI application. A generator opens based on the type of application
that you want to create.
Click the ellipsis at the end of the UI application row to see the actions available for it.
External Resources
Under External Resources, you can see the external services used in the project.
Click on the External Resources row to add an external resource to the project. The Service Center opens.
1. Follow the instructions in Explore Services Using the Service Center to add the external resource.
Click the ellipsis at the end of the resource's row to see the actions available for it.
Storyboard
The Storyboard allows you to develop applications using graphical editors and wizards.
From the Storyboard you can trigger the graphical editors as well as other tools required to develop your application.
The Storyboard provides a graphical view of an application's data models, external data models, services, and UI front ends of the
application, as well as the connections between them. This allows for a quick understanding of the application’s structure and
components.
Depending on the dev space type you select, the storyboard in your dev space will have different features.
The storyboard is available in the SAP Fiori, Full-Stack Application Using Productivity Tools, SAP Mobile Application, and Full Stack
Cloud Application dev spaces.
Prerequisite
Before you can work with the Git view, you or your administrator must establish a connection to your corporate Git system.
Ask your administrator which is the recommended authentication method for your company. See Connect to Your Git
Source Control System.
This is custom documentation. For more information, please visit SAP Help Portal. 52
5/28/25, 12:24 PM
You can perform all your Git tasks using the terminal, but SAP Business Application Studio allows you to use the the SIMPLIFIED
GIT view or the SOURCE CONTROL view, if you prefer. See Using the Simplified Git View and Using the Advanced Git View.
Workflow
Using Git is easy. The basic workflow is as follows:
1. Clone: Clone a repository from a remote Git source control system. All the information about the repository is copied, and a
local master branch is created and is visible in your workspace. If the remote repository has several branches, you can
create additional local branches based on those remote branches.
2. Develop: Once you have the code, you can develop – add files, delete files, modify files. Your changes are visible. When you
are ready, you can stage your changes and commit them.
3. Fetch and Merge/Rebase: (Optional) Before sending back your changes to the remote repository, you can fetch all the
changes made by others. Then you can merge or rebase the changes into your changes to make sure there are no conflicts.
If there are conflicts, you can adjust your code.
Disclaimer
Dev space owners are responsible for maintaining any code cloned from source control systems. Open-source repositories are
maintained and supported according to their open-source licenses and documentation.
SAP Business Application Studio supports only specific versions of runtime tools (such as NPM and Java). If your code isn't
supported by the default dev space configurations, you can either use a different runtime version or contact the repository owner
to adjust the code.
To open the SIMPLIFIED GIT view, click from the activity bar.
This is custom documentation. For more information, please visit SAP Help Portal. 53
5/28/25, 12:24 PM
Create a new branch using the SIMPLIFIED GIT view and publish it to the remote repository.
1. Click from the activity bar to open the SIMPLIFIED GIT view.
If you haven’t created a project, click Create Project to create one from a template. See Creating a Project Using the
Wizard.
3. When prompted, add the URL for the remote repository where your local repository will be pushed.
You can see a list of all changes in the PENDING CHANGES section.
For example, if you make a change to the project from the terminal, the change is automatically detected and appears in the
PENDING CHANGES section.
To add your changes to the remote Git repository, perform the following steps:
1. In the PENDING CHANGES section, select the files with changes that you want to include in the commit.
2. Enter a message describing your changes and click Commit & Sync.
This is custom documentation. For more information, please visit SAP Help Portal. 54
5/28/25, 12:24 PM
You can see a list of all changes in the PENDING CHANGES section.
Click Pull to pull the changes made in the remote repository to your project.
This is custom documentation. For more information, please visit SAP Help Portal. 55
5/28/25, 12:24 PM
Accept Current Change: Apply the selected line of change from the current branch.
This is custom documentation. For more information, please visit SAP Help Portal. 56
5/28/25, 12:24 PM
Accept Incoming Change: Apply the selected line of change from the remote branch.
Complete Merge: Open the SOURCE CONTROL view to complete the merge. Only choose this option if you want to
use the SOURCE CONTROL view.
4. Enter a message describing your changes and click Commit & Sync to complete the conflict resolution and sync your
changes to the remote repository.
2. Enter the URL of the remote repository that you want to clone.
4. Click Open to open the cloned repository in SAP Business Application Studio.
You can also choose to open the repository in a new window or add it to a workspace.
Discard Changes
Discarding removes changes from the active branch.
To discard the selected changes, hover over the PENDING CHANGES section title and click .
To discard changes for an individual file, hover over the file containing the changes you want to discard and click .
This is custom documentation. For more information, please visit SAP Help Portal. 57
5/28/25, 12:24 PM
1. In the Branch section, open the dropdown list and select + Add New Branch.
The new branch is added to the dropdown list in the Branch section.
4. Select Publish Branch to sync the new branch with the remote repository.
This is custom documentation. For more information, please visit SAP Help Portal. 58
5/28/25, 12:24 PM
Note
SAP Business Application Studio opens with the Simplified Git view enabled by default. If you want to use the Advanced Git
view, right-click on the activity bar, deselect Simplified Git, and select Source Control.
This is custom documentation. For more information, please visit SAP Help Portal. 59
5/28/25, 12:24 PM
SAP Business Application Studio provides a graphical user interface for executing Git commands and managing your source
control and versioning. You can also manually perform other Git commands from the terminal. This view contains all the options
for Git source control.
To open the SOURCE CONTROL view, click from the activity bar.
This is custom documentation. For more information, please visit SAP Help Portal. 60
5/28/25, 12:24 PM
Click (or press <Ctrl> + <Enter> ) to commit the changes.
Message section
Changes section
Amend section.
This is custom documentation. For more information, please visit SAP Help Portal. 61
5/28/25, 12:24 PM
Clicking on the branch name, opens the command palette showing additional Git commands.
There is also a Synchronize Changes action in the status bar, next to the branch indicator, if the currently checked-out branch has
an upstream branch configured. Clicking Synchronize Changes opens the command palette showing additional Git commands
that can be applied to the branch.
Branches
You can create and check out branches directly within the IDE by using the Git: Checkout command in the command palette.
1. Click on the active branch name in the status bar. The command palette opens.
2. Enter a name for the new branch. A new branch is created and checked out.
Gutter Indicators
If you open a folder that is a Git repository and begin making changes, annotations are added to the gutter and to the overview
ruler.
4. Click in the Changes section to add the files in your new local repository. This stages them for the first commit.
5. Click (or press <Ctrl> + <Enter> ) to commit the files that you've staged in your local repository.
This is custom documentation. For more information, please visit SAP Help Portal. 62
5/28/25, 12:24 PM
6. When prompted, provide a commit message. Your project is now connected to your local Git repository.
4. When prompted, add the URL for the remote repository where your local repository will be pushed.
5. Push the changes in your local repository to the remote Git repository. See Push Changes.
Understanding the UI
SAP Business Application Studio provides a graphical user interface for executing Git commands and managing your source
control and versioning.
Understanding the UI
The Git view consists of three major sections. The top section is for authoring the commit messages. It also provides access to a
couple of basic Git commands.
After this, you find the commit section, which lists the changed files by their name and separates them in two groups:
Staged Changes - A list of the files that have been staged. Click to open the selected file, or to unstage it.
Changes - Files listed under the Changes section contain unstaged changes. Each file name is followed by a path to its
parent directory and an indicator describing the status of the change.
Click to open the selected file, to stage the file, or to refresh it.
U - An unstaged file. An unstaged change can be reverted by clicking on the Discard Changes action next to the file
location.
M - A modified file. Double-clicking on a modified file will open it in a diff editor. The read-only editor in the first section
shows the state from the index. The second section of the editor reflects the state of the working tree, and it lets you to
This is custom documentation. For more information, please visit SAP Help Portal. 63
5/28/25, 12:24 PM
further modify the file.
D - A deleted file.
At the bottom of the Git view you can see the last commit section, where a description of the most recent commit is displayed.
After staging the desired files and specifying the commit message, the changes can be committed to the repository. After a
successful commit, the Last Commit section is automatically updated.
Git Commands
SAP Business Application Studio supports Git commands from the Git view and from the command palette.
You can combine staged changes with the previous commit instead of creating an entirely new commit. It can also be used to
simply edit the previous commit message without changing it.
This is custom documentation. For more information, please visit SAP Help Portal. 64
5/28/25, 12:24 PM
2. Select Commit (Signed Off). The commit message is sent including the signature of the committer.
Fetch Changes
Fetching enables you to download objects and references from a remote repository into your local repository. You can then merge
or rebase the changes into your project.
3. From the list, select the remote Git repository from which you want to fetch the changes.
Merge Changes
You can incorporate all the changes from one branch into another in a single commit.
3. Select the branch you want to merge into the currently active branch.
This is custom documentation. For more information, please visit SAP Help Portal. 65
5/28/25, 12:24 PM
When you access a file with conflicts, the conflicts and the options for resolving them are displayed in the file.
1. Accept Current Change: Apply only the changes from the current branch.
2. Accept Incoming Change: Apply only the changes from the target branch.
3. Accept Both Changes: Merge both changes (the first change from the current branch and the second change from the
target branch).
4. Compare changes: View the differences (current and target) in a split window.
Pull Changes
Pulling is the same as fetching and merging. Pulling enables you to download objects and references from the remote repository
into your local repository, and then merge the changes into your project.
Pull
1. From the SOURCE CONTROL view menu, click More Actions.
2. Select Pull.
The changes are fetched from the specific branch and merged into your local checked-out branch.
Pull From
This feature has the same functionality as Pull, but in this case, when you select the action, the command palette is displayed and
you can define the repository from which you want to pull the changes.
This is custom documentation. For more information, please visit SAP Help Portal. 66
5/28/25, 12:24 PM
1. From the SOURCE CONTROL: GIT menu, click More Actions.
3. Select the the repository from which you want to pull the changes.
Push Changes
The Push option incorporates all unsynced committed changes into the remote branch of the currently checked-out local branch.
The number of unsynced committed changes is displayed next to the repository name. All tags created within the open repository
are pushed.
Note
It is recommended to pull changes before pushing changes. This action ensures that your local copy is synced with the remote
repository.
If a team member pushed to the remote repository and you push changes before syncing, you may encounter some issues,
including head annotations or merge conflicts.
Push
2. Select Push.
Push to
1. From the SOURCE CONTROL menu, click More Actions.
3. Select the target remote repository branch to which you want to push.
Discard Changes
Discarding removes all changes from the active branch. For example, discarding a new file removes it from the branch.
Move your mouse over the file containing the changes you want to discard and click Discard Changes.
Note
Only unstaged files can be discarded.
Click Stage All Changes to adds all changed files to the list of changes that will be included in the next commit.
Click Unstage All Changes to remove all changed files from the next commit.
Git Stash
Use Stash to record the current state to the working directory and then go back to a clean working directory. Your local changes
are saved and the directory reverts to match the HEAD commit.
Pop Stash
Removes a single entry from the stash list and applies it on top of the current working tree state. This is the inverse operation of
stash push.
If there are conflicts, the entry is not removed from the stash list. You need to resolve the conflicts and perform stash drop
manually afterwards.
Apply Stash
Takes a single entry from the stash list and applies it on top of the current working tree state. This functionality is like Pop Stash,
but without removing the entry from the stash list.
Drop Stash
Removes a single stash entry from the list of stash entries.
View Diffs
Compare different versions of a file.
This is custom documentation. For more information, please visit SAP Help Portal. 68
5/28/25, 12:24 PM
3. Select the branch to which you want to compare the currently active branch.
A diff viewer is displayed. The first section is a read-only editor showing the current branch, and the second section shows the file
in the selected branch.
Prerequisite
You configured the required Cloud Connector and destination in your account.
Procedure
1. Enable Gerrit:
d. Under Gerrit: Configuration, click Add Item and add the required properties (hookPath, protocol, and hostname)
and their values, which can be obtained from your organization's Gerrit administrator.
This is custom documentation. For more information, please visit SAP Help Portal. 69
5/28/25, 12:24 PM
2. Clone your project. See Cloning Repositories.
3. Perform your change and create a commit. See Commit (Amend) Changes.
Related Information
Cloud Connector
Install the cloud connector
Configure Systems in Cloud Connector
Note
This is custom documentation. For more information, please visit SAP Help Portal. 70
5/28/25, 12:24 PM
SSH is not available for on-premise Git installations.
To work with the Git view in SAP Business Application Studio, you need to store or cache credentials. Once you have enabled one of
these methods, you will not have to enter your credentials every time you use Git.
Note
Doing this requires you to entrust your credentials to SAP and to a third party.
Cache credentials in memory for a short period of time. See Git Credential Cache .
Store credentials indefinitely in a file on your dev space. See Git Credential Store .
If it's supported, it's recommended to use a Personal Access Token (PAT) instead of a password.
For example, you can create a PAT in GitHub following these instructions. Other Git providers will have different ways of creating
PATs.
Note
PATs are an alternative to using passwords for authentication to Git, and as such, they should be frequently renewed.
1. When the popup with the code appears, click Copy the code and open GitHub. A new tab with GitHub opens.
4. Back in SAP Business Application Studio, select if you want to save your user authentication per session or per dev space.
Note
You can configure these settings for your user authentication in the Preferences page:
Terminal
Opening the integrated terminal allows you to access the underlying system. The terminal is a convenient tool because you don't
need to switch windows or change the state of an existing terminal to perform a quick command-line task.
You can create multiple terminals open to different locations and easily navigate between them.
With access to the terminal, you can use any tool that is pre-installed on your dev space, such as maven and npm. You can install
additional tools, including global npm packages and other CLIs, using npm install. You can execute commands from the command
This is custom documentation. For more information, please visit SAP Help Portal. 71
5/28/25, 12:24 PM
line, create new projects or modules, build applications, and deploy applications from the terminal.
From the menu, navigate to Terminal New Terminal to open the terminal.
To open the terminal at a specific directory, right-click the desired file in the File Explorer, and select Open in Integrated Terminal.
Related Information
Create an SAPUI5 App from the Command Line
Layout Editor
Display the content of an XML view in the layout editor to see it in a way that closely corresponds to how it will appear in your
finished application.
Note
The layout editor is not supported in the Safari browser.
Toolbar
The layout editor toolbar allows you to:
Change the device format of the canvas to smartphone, tablet, or desktop view.
This is custom documentation. For more information, please visit SAP Help Portal. 72
5/28/25, 12:24 PM
The other side includes the Properties pane.
Controls Tab
You can expand or collapse each section by clicking the arrow on each section header. You can also search for controls by entering
the control name in the search field at the top of the Controls tab. The relevant sections expand to display the controls that match
the search criteria.
Note
Make sure to delete the search criteria if you want to expand other sections.
You can drag and drop controls from the Controls tab onto the canvas. For more information, see Add Controls from the Controls
Tab.
This is custom documentation. For more information, please visit SAP Help Portal. 73
5/28/25, 12:24 PM
You can find the list of available controls in SAPUI5 Controls Supported in the Layout Editor.
Outline Tab
Controls that are selected on the Outline tab are automatically selected on the canvas and vice versa.
You can use the Outline tab to see the hierarchy of controls on the canvas. In addition, you can add and remove controls from the
canvas using the Outline tab.
For more information, see Add Controls from the Outline Tab.
This is custom documentation. For more information, please visit SAP Help Portal. 74
5/28/25, 12:24 PM
Canvas
The canvas in the middle of the layout editor area provides a graphical display of the selected XML view.
Click a control on the canvas to select it. To select a parent control, hold Ctrl and click. You can keep clicking until you reach the
highest control in the hierarchy and then the focus will return to the original control. Click outside the canvas to undo the selection.
This is custom documentation. For more information, please visit SAP Help Portal. 75
5/28/25, 12:24 PM
Properties Pane
Properties Pane
The Properties pane shows the properties of the control that is currently selected in the canvas and allows you to modify its
property values. The most commonly used properties for each control are displayed at the top of the list. The icon next to
each property opens the Data Binding dialog box.
For more information, see Binding Data, Bind Data to a Simple Control, and Bind Data to an Aggregate-Type Control.
This is custom documentation. For more information, please visit SAP Help Portal. 76
5/28/25, 12:24 PM
Note
Deprecated properties or aggregations are marked with the label deprecated (also in the Outline tab). For more information,
see SAP Library for User Interface Add-On 1.0 for SAP NetWeaver on SAP Help Portal at [Link]
Under Application Help, open SAP Library, and search for deprecation.
Related Information
Working with the Layout Editor
This is custom documentation. For more information, please visit SAP Help Portal. 77
5/28/25, 12:24 PM
SAPUI5 Controls Supported in the Layout Editor
Prerequisites
You have created or imported an SAP Fiori project using the SAP Fiori Application template.
1. Enter New Project in the command palette and select SAP Business Application Studio: New Project from Template.
The Project Wizard opens showing the project templates that are relevant based on the dev space and additional
extensions that you selected.
In the view folder of this project, you can edit the following views:
[Link]
[Link]
Procedure
1. From the context menu of the XML view, choose Open With... and select the Layout Editor from the command palette.
Add controls to your view using the drag and drop functionality.
Rearrange controls in your view using the drag and drop functionality.
Use the keyboard to navigate within the canvas. Double-click on a control to move the selection to its parent.
Bind controls in the layout editor to elements from the OData service.
Procedure
1. On the Outline tab, select a control to which you want to add another control.
2. At the top of the Outline tab, click , then in the popup menu, select the control you want to add.
The control is added on the Outline tab and appears on the canvas.
Note
This is custom documentation. For more information, please visit SAP Help Portal. 78
5/28/25, 12:24 PM
The information bar at the top of the canvas shows you where you are about to drop the control.
Related Information
Delete Controls from the Outline Tab
SAPUI5 Controls Supported in the Layout Editor
Procedure
1. On the Outline tab, select a control that you want to delete.
Related Information
Add Controls from the Outline Tab
SAPUI5 Controls Supported in the Layout Editor
Select the control that you want to add to the canvas from the Controls tab in the first section of the layout editor area and drag it
to the drop target on the canvas. A tooltip displays the drop targets as you drag the control around the canvas.
Example
If you want to add an HBox layout with a Button control to your view, do the following:
2. Open the Layout section by clicking the arrow next to the section title.
3. Select the HBox control and drag it to the canvas. Drop it at the position where you want it to appear.
4. Open the Action section by clicking the arrow next to the section title.
Keyboard Support
Use the keyboard to move selected controls or navigate within the view that you opened with the layout editor.
Selecting Controls
This is custom documentation. For more information, please visit SAP Help Portal. 79
5/28/25, 12:24 PM
If you selected a control in the canvas of the layout editor, you can move the selection using the arrow keys:
DOWN ARROW : moves the selection to the child of the selected control
LEFT ARROW : moves the selection to the control that is up/to the right of the selected control (within the same
aggregation)
RIGHT ARROW : moves the selection to the control that is down/to the left of the selected control (within the same
aggregation)
CTRL + click: moves the selection to the parent of the selected control
Use SHIFT or ALT to define the drop position of the dragged control within an aggregation:
Binding Data
In the layout editor, you can bind properties of controls or control aggregations to an artifact in the OData service.
Prerequisites
You have defined a data set for the view that you are working on, by doing one of the following:
If you are opening a view that has no data set defined for it, the Data Binding dialog box opens, where you can define a data
set.
Select the view, and define the data set from the dropdown list.
Caution
If you change the data set that is defined for the current view, the existing data bindings might become invalid.
Overview
The following types of bindings are possible:
Properties of controls
Aggregations of controls
Note
This is custom documentation. For more information, please visit SAP Help Portal. 80
5/28/25, 12:24 PM
To bind properties of models that are not OData models, you must work from the source code files and not from the layout
editor. Alternatively, if you do not want to work with the source files in the XML editor, you can enter free text for properties in
the Properties pane.
Note
If your application does not consume an OData service, you can add the OData Service component to it.
Related Information
SAPUI5 API Reference
Prerequisites
You have created a project in the layout editor. For more information, see Working with the Layout Editor.
You have dragged a control from the Controls pane to the canvas. For more information, see Add Controls from the
Controls Tab.
Procedure
1. In the canvas, select the control for which you want to define an entity set.
3. Select and configure one of the entity sets for your control.
Note
Most users should use either of the first two entity sets listed here.
Restriction
The "dummy" entity set is only for advanced users.
4. Click Bind.
Procedure
This is custom documentation. For more information, please visit SAP Help Portal. 81
5/28/25, 12:24 PM
1. On the canvas, select the desired control for which you want to define data binding.
2. In the Properties pane on the side of the canvas, do one of the following:
Click next to the property to which you want to bind data, and then do the following in the Data Binding dialog
box:
a. In the Data Fields list, double-click one or more data fields that you want to add to the expression.
The data fields are automatically concatenated to the string in the Expression box.
b. Click Bind or first manually edit the expression string and then click Bind.
In the Properties pane, for a field or dropdown list, manually enter the required expression within curly brackets {...}
according to the data set that you selected.
Prerequisites
You have defined an entity set. For more information, see Define Entity Set.
Procedure
1. In the canvas or on the Outline tab to the side of the canvas, choose an aggregate-type control that you want to turn into a
template, such as a List Item control.
2. In the Properties pane to the side of the canvas, from the Select Entity Set dialog box, select Define entity set and set the
selected control as template., and click Bind.
3. In the Confirmation Needed dialog box, confirm the removal of any existing controls on the same level by clicking OK.
Results
The template item is now marked Template in the Outline tab.
Procedure
1. On the canvas, select the desired control for which you want to define i18n model binding.
2. In the Properties pane to the side of the canvas, do one of the following:
Click next to the property to which you want to bind data, and then do the following in the dialog box that
appears:
a. From the drop down list, select i18n, double-click one or more entries that you want to add to the expression.
The entries are automatically concatenated to the string in the Expression box.
b. Click Bind or first manually edit the expression string and then click Bind.
This is custom documentation. For more information, please visit SAP Help Portal. 82
5/28/25, 12:24 PM
In the Properties pane, for a field or dropdown list, manually enter the required expression within curly brackets {...}.
Context
You can bind a control property to a label annotation that resides in the OData metadata file. Other annotation files are not
supported.
Procedure
1. On the canvas, select the desired control for which you want to define a label annotation binding.
2. In the Properties pane to the side of the canvas, do one of the following:
Click next to the property to which you want to bind data, and then do the following in the dialog box that
appears:
a. From the dropdown list, select Labels, double-click one or more annotation that you want to add to the
expression.
The annotations are automatically concatenated to the string in the Expression box.
b. Click Bind or first manually edit the expression string and then click Bind.
In the Properties pane, for a field or dropdown list, manually enter the required expression within curly brackets {...}.
Controls Tab
The following SAPUI5 controls can be dragged and dropped from the Controls tab onto the canvas.
Note
The controls on the Controls tab are also available from the Outline tab. For more information, see Add Controls from the
Outline Tab.
Note
For more information about SAPUI5 controls, see UI development toolkit for HTML5 - Demo Kit.
Action List Items Button that is used to fire actions when pressed.
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 83
5/28/25, 12:24 PM
Action Select Provides a list of predefined items that allows end users to choose options and
additionally trigger some actions.
[Link]
Add Bookmark Button Button that is displayed in the application footer. Clicking the button opens a dialog
box that allows the user to save the app state, so that the app can be launched in this
[Link]
state directly from the launchpad.
[Link]
App The root element of an SAPUI5 mobile application. It inherits from the
NavContainer control and thus provides its navigation capabilities. App provides
[Link]
certain header tags to the HTML page that are relevant for mobile apps.
Bar Centers a control like a title while having other controls on its left and right.
[Link]
Breadcrumbs Enables users to navigate between items by providing a list of links to previous steps in
[Link] the user's navigation path. The last three steps can be accessed as links directly, while
the remaining links prior to them are available in a drop-down menu.
Busy Indicator Provides methods to show or hide a waiting animation that covers the whole page and
blocks user interaction.
[Link]
[Link]
[Link]
Calendar Legend Legend for the Calendar control. Displays special date colors with their
corresponding description.
[Link]
[Link]
[Link]
Check Box Allows the user to select one or multiple items from a list.
[Link]
[Link]
Control Configuration Can be used to add additional configuration for filter fields in the SmartFilterBar
control, in order to overwrite the default settings from the OData metadata. For
[Link]
instance, it is possible to change the label, index or control type of a filter field.
Column Allows definition of column-specific properties that are applied when rendering a
List control.
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 84
5/28/25, 12:24 PM
Column List Item Used with cell aggregation to create rows for the [Link] control.
[Link]
Combo Box Combines a dropdown list with items and a text input field with a button allowing the
user to either type a value directly or choose from a list of predefined items.
[Link]
Custom Data Contains a single key/value pair of custom data attached to an Element.
[Link]
Custom List Item With content aggregation, can be used to customize standard list items that are not
provided by SAPUI5. ListItem type is applied to CustomListItem as well.
[Link]
Note
Content aggregation allows any control. Complex responsive layout controls (such
as Table and Form) should not be aggregated as content.
[Link]
Date Picker Date input control with a calendar used as a date picker.
[Link]
[Link]
Feed Input Allows the user to enter text for a new feed entry and then post it.
[Link]
Feed List Item Provides a set of properties for text, sender information, and time stamp.
[Link]
Filter Group Item Represents a filter belonging to a group other than basic.
[Link]
[Link]
Flex Item Data Holds layout data for a FlexBox / HBox / VBox.
[Link]
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 85
5/28/25, 12:24 PM
[Link]
[Link]
Generic Tile Displays header, subheader, and a customizable main area in a tile format.
[Link]
Geo Map A map control that allows the user to position multiple visual objects on top of a map.
[Link]
Grid Layout that positions its child controls in a 12-column flow layout.
[Link]
[Link]
[Link]
Grid Element Data The GridLayout-specific layout data for FormElement fields.
[Link]
[Link]
Group Configuration Can be used to add additional configurations for groups in the SmartFilterBar. A group
in the SmartFilterBar is a group of filter fields in the advanced search.
[Link]
GroupElement A combination of one label and different controls associated to this label.
[Link]
Group Header List Item Used to display the title of a group and act as a separator between groups in
[Link] and [Link].
[Link]
[Link]
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 86
5/28/25, 12:24 PM
[Link]
[Link]
Icon Tab Filter Represents a selectable item inside an Icon Tab Bar control.
[Link]
Icon Tab Header Displays a number of Icon Tab Filter and Icon Tab Separator controls.
[Link]
Icon Tab Separator Icon used to separate two Icon Tab Filter controls.
[Link]
[Link]
[Link]
Input List Item List item used for a label and an input field.
[Link]
Invisible Text Used to bring hidden texts to the UI for screen reader support.
[Link]
[Link]
Label Used in SAPUI5 mobile applications to provide label text for other controls.
[Link]
[Link]
[Link]
[Link]
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 87
5/28/25, 12:24 PM
[Link]
Nav Container Handles hierarchical navigation between Page controls or other fullscreen controls.
[Link]
[Link]
[Link]
Object Identifier Display control that allows the user to easily identify a specific object.
[Link]
Object List Item Display control that provides summary information about an object as an item in a list.
[Link]
Object Number Displays number and number unit properties for an object.
[Link]
Object Status Status information that can be either text with a value state, or an icon.
[Link]
Overflow Toolbar Container based on [Link] that provides overflow when its content does
not fit in the visible area.
[Link]
Overflow Toolbar Button Represents an [Link] that shows its text only when in the overflow area of an
[Link].
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 88
5/28/25, 12:24 PM
Radio Button Control similar to CheckBox, but it allows the user to choose only one of a predefined
set of options.
[Link]
Radio Button Group Used as a wrapper for a group of [Link] controls, which then can be
used as a single UI element.
[Link]
[Link]
Responsive Flow Layout Data This is a LayoutData element that can be added to a control if this control is used
within a ResponsiveFlowLayout.
[Link]
[Link]
Segmented Button Horizontal control made of multiple buttons, which can display a title or an image.
[Link]
Segmented Button Item Used for creating buttons for the [Link]. It is derived from the
[Link].
[Link]
Select Provides a list of items that allows the user to select an item.
[Link]
Select List Displays a list of items that allows the user to select an item.
[Link]
Semantic Page An enhanced [Link] control that can contain controls with semantic meaning.
Content specified in [Link] semantic control
[Link]
aggregations are automatically positioned in dedicated sections of the footer or the
header of the page, depending on the control's semantics.
Share Menu Page An [Link] control that supports a Share menu in the
footer.
[Link]
Shell Can be used as root element of applications. It can contain an App or a SplitApp
control. The Shell provides some overarching functionality for the overall application
[Link]
and takes care of visual adaptation, such as a frame around the App, on desktop
browser platforms.
Simple Form Provides an API for creating simple forms. Inside a SimpleForm control, a Form
control is created along with its FormContainers control and FormElements
[Link]
control, but the complexity in the API is removed.
Slider User interface control that allows the user to adjust values within a specified numerical
range.
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 89
5/28/25, 12:24 PM
Smart Chart Creates a chart based on OData metadata and the configuration specified. The
entitySet property must be specified to use the control. This property is used to
[Link]
fetch fields from OData metadata, from which the chart UI will be generated. It can
also be used to fetch the actual chart data.
Based on the chartType property, this control will render the corresponding chart.
Note
Most of the attributes are not dynamic and cannot be changed once the control
has been initialized.
Smart Field A wrapper for other controls. It interprets OData metadata to determine the control
that has to be instantiated. The OData entity is derived from the control's binding
[Link]
context. The OData entity's property that is changed or displayed with the control is
derived from the control's value property.
Smart Filter Bar The SmartFilterBar control uses the OData metadata of an entity in order to
create a FilterBar.
[Link]
Whether a field is visible on the FilterBar, supports type-ahead and value help, for
example, is automatically determined. When you use control configurations and group
configurations it is possible to configure the FilterBar and adapt it according to
your needs.
Smart Form Renders a form ([Link]). When used with the SmartField
control the label is taken from the metadata annotation sap:label if not specified
[Link]
directly.
Smart Link The SmartLink control uses a semantic object to display NavigationPopover for
further navigation steps.
[Link]
Note
Navigation targets are determined using CrossApplicationNavigation of
the unified shell service.
Smart Table Creates a table based on OData metadata and the configuration specified. The
entitySet attribute must be specified to use the control. This attribute is used to fetch
[Link]
fields from OData metadata, from which columns will be generated; it can also be used
to fetch the actual table data.
Based on the tableType property, this control will render a standard, analytical, tree, or
responsive table.
Split Pane A container of a single control in a responsive splitter. Could be used as an aggregation
of a PaneContainer.
[Link]
Splitter Layout Data Holds layout data for the splitter contents. Allowed size values are numeric values
ending in "px" and "%" and the special case "auto". (The CSS value "auto" is used
[Link]
internally to recalculate the size of the content dynamically and is not directly set as
style property.)
Standard List Item List item that provides the most common use cases, such as image, title, and
description.
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 90
5/28/25, 12:24 PM
[Link]
Switch User interface control on mobile devices that is used for switching between binary
states.
[Link]
Table Provides a set of sophisticated and convenient functions for responsive table design.
[Link]
Text Used for embedding longer text paragraphs that need text wrapping into your
application.
[Link]
[Link]
[Link]
[Link]
[Link]
Time Picker A single-field input control that enables the users to fill time related input fields.
[Link]
Toggle Button Control that toggles between pressed and normal state.
[Link]
Toolbar Horizontal container that is usually used to display buttons, labels, selects, and other
input controls.
[Link]
Toolbar Layout Data Defines layout data for the [Link] items.
[Link]
Note
ToolbarLayoutData should not be used together with
[Link].
[Link]
[Link]
[Link]
This is custom documentation. For more information, please visit SAP Help Portal. 91
5/28/25, 12:24 PM
[Link]
Variant Layout Data Allows to add multiple LayoutData to one control in case that an easy switch of layouts
(e.g. in a Form) is needed.
[Link]
[Link]
Vertical Layout Layout in which the content controls are rendered one below the other.
[Link]
[Link]
Outline Tab
The SAPUI5 controls listed here are available only from the Outline tab in the layout editor.
Note
For more information about SAPUI5 controls, see UI development toolkit for HTML5 - Demo Kit.
This is custom documentation. For more information, please visit SAP Help Portal. 92
5/28/25, 12:24 PM
[Link] control.
This is custom documentation. For more information, please visit SAP Help Portal. 94
5/28/25, 12:24 PM
[Link] Tile control that displays a title, description, and customizable main
area.
This is custom documentation. For more information, please visit SAP Help Portal. 95
5/28/25, 12:24 PM
[Link] Contains four cells (West, North, East, South). It can display one or
more controls in different layouts. Each aggregation must contain
only one instance of HeaderCellItem.
[Link] Displays SAP Jam content text, subheader, and numeric value in a
tile.
[Link] Allows users to trigger actions such as save or print. For the button
UI, you can define text or an icon, or both.
[Link] Provides a box that can be flagged and has a label. A checkbox can
either stand alone, or be in a group with other checkboxes.
[Link] Allows the user to choose a color. The color can be defined using
HEX, RGB, or HSV values, or a CSS colorname.
[Link] Framework that generates an input field and a button with the text
Browse....
[Link] Represents a user interface area that is the entry point for menus
with their menu items.
[Link] Common button control that opens a menu when chosen by the
user. The control provides an API for configuring the docking
position of the menu.
This is custom documentation. For more information, please visit SAP Help Portal. 96
5/28/25, 12:24 PM
[Link] Text field with masked characters that borrows its properties and
methods from the TextField control.
[Link] Horizontal row of items where in many cases the single toolbar
items are buttons that contain icons.
[Link] Builds the container for a layout with a fixed and a flexible part.
[Link] Text view that displays currency values and aligns them at the
separator.
[Link] Framework that generates an input field and a button with the text
Browse ....
This is custom documentation. For more information, please visit SAP Help Portal. 97
5/28/25, 12:24 PM
[Link] Standard item used inside a menu. Represents an action that can
be selected by a user in the menu or that can be used as a
submenu that organizes the actions hierarchically.
Command Palette
The command palette provides access to all the IDE functionality including shortcuts for the most common operations.
To open the command palette, navigate to View Command Palette... from the menu or press F1 (Windows/Linux) or
Command + Shift + P (Mac).
This will open an input field at the top of the IDE allowing you to enter a command. Content assist then allows you to find
commands quickly.
Some commands will lead you into a minimal text-based wizard, allowing you to enter additional parameters.
This is custom documentation. For more information, please visit SAP Help Portal. 98
5/28/25, 12:24 PM
By default, SAP Business Application Studio defines only one Java, one [Link], and one Python version that is officially supported.
The default installed versions are the Long Term Support (LTS) versions. You can check the currently installed version in your dev
space, using the following command in the terminal:
The new version will be available on your dev space and persisted using your allocated storage. Installing the version does not
change the default version used.
Note
asdf can be also used from the SAP Business Application Studio terminal to install additional versions. See the All
Commands topic in the asdf documentation.
If you installed a Java version using the SAP Business Application Studio terminal, it is recommended to run the
Runtime: Add Proxy Certificate to Java command via the command palette to allow connectivity to on-premise Java
repositories during the maven build.
Your selection will be persisted on your dev space and applies to all workspaces.
Outline View
The Outline view displays a symbol tree of the currently active editor. This view is useful for understanding the structure of a file or
for navigating to a specific element in a file.
You can click on an element in the Outline view to open that element in the editor tab.
To open the Outline view, select Explorer: Focus on Outline View from the command palette.
The Outline view opens on the side of the IDE, within the Explorer view.
This is custom documentation. For more information, please visit SAP Help Portal. 99
5/28/25, 12:24 PM
Problems View
The Problems view displays the coding errors and warnings of all open files in a list. When you click an item from the list, the
problematic piece of code is highlighted in the editor.
From the menu, navigate to View Problems to open the Problems view.
This is custom documentation. For more information, please visit SAP Help Portal. 100
5/28/25, 12:24 PM
Search
There are different Search capabilities in SAP Business Application Studio.
You can perform a search from the Search view or from the Find widget in the editor.
To open the Search view, navigate to View Search from the menu.
This is custom documentation. For more information, please visit SAP Help Portal. 101
5/28/25, 12:24 PM
Find and Replace
You can find text and replace in the currently opened file. The search results will be highlighted in the editor, overview ruler, and
minimap.
If there is more than one matched result in the current opened file, you can press Enter and Shift+Enter to navigate to next or
previous result when the find input box is focused.
When the Find Widget is open, it will automatically populate the selected text in the editor into the find input box. If the selection is
empty, the word under the cursor will be inserted into the input box instead.
Find In Selection
By default, the find operations are run on the entire file in the editor. It can also be run on selected text. You can turn this feature on
by clicking the hamburger icon on the Find Widget.
Multiline support
You can search text in multiple lines by pasting it into the Find input box. Pressing Ctrl+Enter inserts a new line in the input box.
You can drag the left sash of the Find Widget to enlarge it. You can also double-click the left sash to maximize it or shrink it to its
default size.
You can search over all files in the currently opened folder. Press Ctrl+Shift+F and enter your search term. Search results are
grouped into files containing the search term, with an indication of the hits in each file and its location. Expand a file to see a
preview of all of the hits within that file. Then single-click on one of the hits to view it in the editor.
In the input box below the search box, you can enter patterns to include or exclude from the search.
If you enter a word, a search will be performed on every folder and file with the name of the word you entered in the workspace.
If you enter ./ before the word, that will match the folder name at the top level of your workspace.
This is custom documentation. For more information, please visit SAP Help Portal. 102
5/28/25, 12:24 PM
Use an exclamation mark ! to exclude those patterns from the search.
{} to group conditions (for example {**/*.html,**/*.txt} matches all HTML and text files)
Some folders are excluded by default to reduce the number of search results that you are not interested in (for example,
node_modules). Open settings to change these rules.
Also note the Use Exclude Settings and Ignore Files toggle button in the files to exclude box. The toggle determines whether to
exclude files that are ignored by your .gitignore files and/or matched by your [Link] and [Link]
settings.
From the Explorer, you can right-click on a folder and select Find in Folder to search inside a folder only.
You can search and replace across files. Expand the Search input field to display the Replace one.
When you enter text into the Replace input field, you will see a diff display of the pending changes. You can replace across all files
from the Replace input field, replace all in one file or replace a single change.
In addition to search and replace with plain text, there are also advanced search options:
Match Case
Regular Expression
SAP Business Application Studio provides default run configurations for your projects. You can create and configure additional run
configurations that define how your project or unit test is executed. You can also create a new run configuration by duplicating an
existing run configuration and then editing it.
Clicking (Run and Debug) from the header provides one of the following options:
If there is a default run configuration that's created during project creation, this configuration runs.
If you add a new configuration and run it, this configuration runs.
If you add multiple configurations, the last configuration that you ran runs.
If you have run configurations from multiple projects, you can choose which configuration to run.
Related Information
SAP Fiori tools- Create a New Run Configuration in SAP Business Application Studio
Run a Java module on the local Apache Tomcat server and allow binding the module's required resources to specific Cloud Foundry
services.
Prerequisites
This is custom documentation. For more information, please visit SAP Help Portal. 104
5/28/25, 12:24 PM
Your project must include an [Link] file that points to the Java module.
The Java module's [Link] file must include the following definition: packagingType= war.
1. Click from the activity bar to open the Run Configurations view.
Note
Any manual change performed to the [Link] file is reflected in the configuration tree.
Bind Dependencies
In the Run Configurations view, you can see the resources that are defined in the MTA descriptor. You can bind or unbind these
resources to a specific Cloud Foundry service instance.
Note
The following Cloud Foundry service types are supported for binding:
xsuaa
destination
connectivity
auditlog
application-logs
4. Click (bind).
A list of all available services that match your resource type are displayed in the command palette.
This is custom documentation. For more information, please visit SAP Help Portal. 105
5/28/25, 12:24 PM
5. Select the desired service.
This updates the resource's configuration files. See the Advanced Options section to see the changes made to the configuration
files.
If you're binding to an SAP HANA service, a new connection called '<my_service_instance name>' is added to the
SQLTools view where your tables and data are displayed.
Unbinding the resource removes all of the changes made to the configuration files.
4. Click (unbind).
Run a Configuration
1. If you bound your service to a service that requires Chisel to run:
a. In the command palette, enter Tasks and select Tasks: Run Task.
Note
If Chisel is already running in the same port and space, skip this step.
5. If you need to stop a configuration that is already running, you can do so from the Run and Debug view.
Note
For more information about the tasks triggered by the run configuration, see the Advanced Options section.
Stopping a configuration from the Run and Debug view doesn't stop any running tasks.
This is custom documentation. For more information, please visit SAP Help Portal. 106
5/28/25, 12:24 PM
Configure Environment - Open the environment file to view the binding configuration.
Show in File - Open the JSON file containing the set of configuration properties, with the name highlighted.
Delete - Delete the set of configuration properties from the JSON file.
Note
If you delete the launch configuration, it's removed from the [Link] file but the tasks remain.
Advanced Options
In addition to the [Link] file that is created as part of the new configuration, the following files are added or updated when
creating a run configuration:
A new environment file is created. After the resource is bound to a service, the file is populated with all the environment
variables required to connect to Cloud Foundry.
This task enables you to define additional tasks to run before starting the configuration (using the dependsOn
property).
This is custom documentation. For more information, please visit SAP Help Portal. 107
5/28/25, 12:24 PM
A task that triggers the Apache Tomcat server running with the context of the application resources.
When you create a new configuration, a new Tomcat runtime configuration directory is created containing the following
configuration files:
[Link] (user/.tomcat/<configuration_name>/Catalina/localhost)
[Link] (user/.tomcat/<configuration_name>/conf)
Note
By default, Tomcat runs on port 8080. If you want to run multiple configurations at the same time, you need to configure
a different port for the additional Tomcat in the [Link] file. In addition, you need to change the default ports
8009 and 8005 defined in this file to other ports to avoid collision.
You also need to define a debug port (that isn't the default 8000), both in the 'run-tomcat' task in the [Link]
file, and in the matching launch configuration in the [Link] file, which are all associated with the same run
configuration.
You can modify the content of this directory to configure Tomcat as desired for this run configuration. For example, you can
add libraries to be used at runtime or change ports. For more information, see Apache Tomcat .
Binding Process
Not all of the services that you want to bind to are publicly exposed. Therefore, we must use a secure tunnel to access them from
Cloud Foundry.
When binding to one of these services, we use chisel to open a secure channel to your Cloud Foundry space.
A new task is created within the binding step to run chisel. Run this task before running the configuration.
The environment configuration file is updated with the chisel and the selected service parameters.
The Tomcat configuration files are updated according to the chosen service.
This is custom documentation. For more information, please visit SAP Help Portal. 108
5/28/25, 12:24 PM
1. Run the application from SAP Business Application Studio. The application opens in a new window.
2. Copy the URL from the opened application window. For example, [Link]
[Link]/
4. Manually enter a URL using the following format: <SAP Business Application Studio URL with no path>/login?e=
<application URL from step 2>.
6. If the application requires authentication, provide the application user you want to use for testing.
Previewing Ports
5. Specify the port or range of ports for which you do not want to show a notification.
You can access the Cloud Foundry tools by opening the command palette and entering CF. You can also create a list of pre-defined
targets using the CLOUD FOUNDRY: TARGETS view.
This is custom documentation. For more information, please visit SAP Help Portal. 109
5/28/25, 12:24 PM
You must be logged in to Cloud Foundry to use the Cloud Foundry Tools.
1. In the command palette, select CF: Login to Cloud Foundry. The Cloud Foundry Sign In and Targets page opens.
3. Depending on the method you selected, enter your username and Cloud Foundry password or your temporary SSO
authentication code.
3. Click Apply.
1. In the command palette, select CF: Select a space from your allowed spaces. The Cloud Foundry Sign In
and Targets page opens.
2. Provide a service instance name. The name must be unique, if you enter an already existing name, the creation fails.
4. Select the service plan that best fits your service instance.
5. Optional: Provide additional parameters for the service instance. You can also press Enter to enter an empty parameter.
Note
You can create a service instance in the CLOUD FOUNDRY: TARGETS view. The CLOUD FOUNDRY: TARGETS view opens.
This is custom documentation. For more information, please visit SAP Help Portal. 110
5/28/25, 12:24 PM
2. Click (Create a service instance) next to the Services folder under the active target.
1. From the activity bar, click . The CLOUD FOUNDRY: TARGETS view opens.
3. In the command center, provide a service instance name. The name must be unique, if you enter an already existing name,
the creation fails.
5. Select the service plan that best fits your service instance.
6. Optional: Provide additional parameters for the service instance. You can also press Enter to enter an empty parameter.
2. Select the folder where the .env file will be created. This file contains the information for connecting to the Cloud Foundry
service.
3. Click OK.
Note
You can also bind a service to an application using the CLOUD FOUNDRY: TARGETS view by right-clicking on the desired
service and clicking Bind a service to a locally run application.
1. From the activity bar, click . The CLOUD FOUNDRY: TARGETS view opens.
3. Click Create New in the command center. The target is based on the current org and space to which you are connected.
This is custom documentation. For more information, please visit SAP Help Portal. 111
5/28/25, 12:24 PM
Select a different space within the current organization.
Once you have set up your targets, you can define which one will be the active target by clicking (Set Cloud Foundry Target)
by the desired target name.
If the target tree is not showing updated information, you can manually trigger a reload to refresh the view.
The manner in which you can connect to Cloud Foundry depends on the identity provider (IdP) you use.
Comparison Between the Different Identity Providers for Cloud Foundry Login in
SAP Business Application Studio
This is custom documentation. For more information, please visit SAP Help Portal. 112
5/28/25, 12:24 PM
Authorization flow OAuth Resource Owner OAuth Resource Owner OAuth Authorization Code
Password Password Grant (browser flow) + One-
Time Passcode
Debugging
SAP Business Application Studio has built-in debugging support for the [Link] runtime and can debug JavaScript, TypeScript, or
any other language that gets transpiled to JavaScript.
Debugging a File
This is custom documentation. For more information, please visit SAP Help Portal. 113
5/28/25, 12:24 PM
3. Select [Link]. A launch configuration file ([Link]) is created automatically. You can configure and save debugging
setup details in this file.
Launch Program
4. To add a new configuration to an existing [Link], from the dropdown list, select Add Configuration.
5. From the dropdown list, select Run Current File or Launch Program (which provides you the option to skip node internal
files).
You can run your configuration through the command palette, by filtering on Debug: Start Debugging.
Note
Note that the attributes available in launch configurations vary from debugger to debugger.
Debugging Modes
The debugger can launch a program in debug mode, or it can attach to an already running program in debug mode.
You can trigger these modes from the command palette: Debug: Attach to Node Process
Breakpoints
Breakpoints can be toggled by clicking on the editor margin or using F9 on the current line.
Stopping a Process
An application may continue to run in the background even if the debugger or and the explorer show it has been stopped.
If this happens, you will get a notification stating that the port is in use.
This is custom documentation. For more information, please visit SAP Help Portal. 114
5/28/25, 12:24 PM
To correct this:
1. Open the command palette and select Ports: Stop the process running on the port.
Note
This action cannot be reversed. Make sure you select the correct port.
Prerequisites
1. You've logged in to your Cloud Foundry account, see Login to Cloud Foundry.
2. To create an SAP HANA Cloud instance for seamless business application development and deployment:
You've added the SAP HANA Cloud, SAP HANA Schemas & HDI Containers entitlement to your subaccount. For
details on adding entitlements to your subaccount, see Configure Entitlements and Quotas from Your Subaccount
(you'll be directed to the SAP Business Technology Platform documentation).
You've created an SAP HANA Cloud database instance from SAP HANA Cloud Central.
For details on subscribing to SAP HANA Cloud Administration Tools and accessing SAP HANA Cloud Central, see
Subscribing to the SAP HANA Cloud Administration Tools (Multi-Environment) (you'll be directed to the SAP HANA
Cloud documentation).
For details on creating an SAP HANA Cloud database instance from SAP HANA Cloud Central using cf CLI, see
Using the Cloud Foundry Command Line interface (cf CLI) with SAP HANA Cloud (you'll be directed to the SAP
HANA Cloud documentation).
Note
When using a trial account, use the default values for each step of the SAP HANA Database instance setup
wizard, except for the SAP HANA Database Advanced Settings step.
Set Allowed connections to Allow all IP addresses and select Review and Create.
For details on managing your SAP HANA Cloud instance, see Managing SAP HANA Database Instances (you'll be
directed to the SAP HANA Cloud documentation).
3. If you are subscribed to the Free or the Trial plan, make sure you also have the following:
You've added the SAP Build Work Zone, standard edition entitlement to your subaccount and
subscribed to SAP Build Work Zone, standard edition on Service Marketplace. For details, see Initial
Setup (you'll be directed to the SAP Build Work Zone documentation).
Note
If you already have the entitlement and subscription for SAP Build Work Zone, advanced edition, you don't need
the subscription and entitlement for SAP Build Work Zone, standard edition.
You've assigned the Launchpad_Admin role collection to the user. For details on assigning role collections to users,
see Assigning Role Collections to Users or User Groups (you'll be directed to the SAP Business Technology Platform
This is custom documentation. For more information, please visit SAP Help Portal. 115
5/28/25, 12:24 PM
documentation).
You've added the Cloud Foundry Runtime entitlements to your subaccount. For details on adding entitlements to
your subaccount, see Configure Entitlements and Quotas from Your Subaccount (you'll be directed to the SAP
Business Technology Platform documentation).
Note
You can adjust the units of Cloud Foundry Runtime assigned to your subaccount depending on your business
requirements.
Deployment Options
Use the SAP Business Application Studio development tools for working with multitarget applications. See MTA Development.
If you want to deploy an SAP HANA application, see Maintaining the Multitarget Application Development & Deployment
Descriptors.
Task Explorer
You can create, modify, and run tasks for specific SAP scenarios.
Note
This feature is only available when the dev space extensions provide scenario-specific tasks.
The Task Explorer allows you to create and edit scenario-specific tasks using a dedicated user interface. You can store your
configurations and reuse them.
1. From the left sidebar, click to open the Task Explorer view.
2. Click +.
The Create Task page is displayed showing only tasks that are relevant to the projects in your workspace.
3. Click Configure. The task is created in the [Link] file and is visible in the Task Explorer view.
6. Run the task by clicking the Run icon next to the task in the Task Explorer
This is custom documentation. For more information, please visit SAP Help Portal. 116
5/28/25, 12:24 PM
or by clicking the button at the top corner of the Edit Task view.
Related Information
Building and Deploying Multitarget Applications
MTA Development
Learn how to use the SAP Business Application Studio development tools for working with multitarget applications.
MTA Tools
The MTA Tools allow you to perform operations such as build, deploy, and validation on multitarget applications.
The MTA Tools are provided as an extension to SAP Business Application Studio and contains the following:
The Cloud Foundry Command Line Interface provides commands to deploy and manage CF services and applications.
For more information, see Using the Cloud Foundry Command Line Interface .
For more information, see the Cloud MTA Build Tool user guide.
This is custom documentation. For more information, please visit SAP Help Portal. 117
5/28/25, 12:24 PM
generator-basic-multitarget-application
cf-cli-service-info-plugin
Calculates a VCAP_SERVICES json, compatible with how Cloud Foundry binds services to apps and persists to file.
Chisel
Chisel is a fast TCP tunnel, transported over HTTP, secured via SSH.
MTA Editor
The visual MTA editor allows you to edit the MTA descriptor (the [Link] file located in the root project folder) using tables and
forms instead of the text-based code editor.
The multitarget application (MTA) descriptor contains the metadata of all entities comprising an application or used by it during
deployment or runtime, and the dependencies between them.
The MTA descriptor is automatically generated when an application project is created from scratch, and it is updated when the
project properties change or when a module is added or removed. However, not all the necessary information can be generated
automatically. You need to maintain the descriptor manually to define resources, properties, and dependencies, as well as fill in
missing information.
The MTA descriptor is written in the YAML format, which has strict syntax requirements. You can edit the descriptor in the text-
based code editor, but we recommend you use the visual MTA editor. The visual MTA editor allows you to easily navigate between
the objects in the [Link] file and helps you avoid dealing with the complex and sensitive syntax of YAML files.
Note
This is custom documentation. For more information, please visit SAP Help Portal. 118
5/28/25, 12:24 PM
The visual MTA editor removes comments and formats the file. If you want to add comments, use the code editor. To open the
code editor, double-click on the desired [Link] file or right-click the file and choose Open With Code Editor .
If you edit the file with the code editor, it is important to use spaces rather than tabs for indentation.
Related Information
The Multi-Target Application Model
SAP Business Application Studio Multitarget Application (MTA) development toolkit
There are several ways for building multitarget applications in SAP Business Application Studio:
1. Enter MTA.
Note
If there’s only one [Link] available, the build starts automatically.
1. From the activity bar, click to open the Task Explorer view.
3. Click Build.
4. Select the MTA project descriptor of the project you want to build.
Use the Task Explorer to change the default MTA Build options, for example, to change the default location of the MTA
archive or to provide an MTA extension for the build. In the Task Explorer, you can save this build configuration for later use.
This is custom documentation. For more information, please visit SAP Help Portal. 119
5/28/25, 12:24 PM
From the CLI. See Cloud MTA Build Tool .
The terminal opens showing the output of the build. Once the build is complete, a folder named mta_archives is added to the
project that contains the relevant MTA archive (MTAR file).
Note
If you changed the default configurations using the Task Explorer, the output will correspond to the specified build parameters.
You must be logged on to a Cloud Foundry organization and space. See Cloud Foundry Tools.
There are several ways for deploying multitarget applications to SAP Cloud Foundry:
3. If relevant, select the MTA extension that you want to deploy from the command palette.
1. Enter MTA.
Note
If there’s only one MTAR file available, the deployment starts automatically.
1. From the activity bar, click to open the Task Explorer view.
3. Click Deploy.
Use the Task Explorer to change the default MTA deploy options. In the Task Explorer, you can save this configuration for
later use.
This is custom documentation. For more information, please visit SAP Help Portal. 120
5/28/25, 12:24 PM
The terminal opens showing the output of the deploy process.
Prerequisites
Make sure you have run the Get Started with SAP Build Code booster. See Initial Setup
Set up the connection between the Git repository, the CI/CD service, and your SAP BTP target deployment environment as
described in the Configuration topic.
In the SAP BTP cockpit, navigate to Connectivity Destinations and make sure you have a destination for the CI/CD
service. If you subscribed to SAP Build Code not using the booster, you need to perform the configuration manually. See
Configure the Configure the SAP Continuous Integration and Delivery Service.
The CI/CD view in SAP Business Application Studio, allows you to see all jobs configured for the current project, as long as the
project is connected to a Git repository.
You can create a job for your project using a CI/CD pipeline.
From the CI/CD JOBS view menu bar, you can click (Settings) to open the Settings page, or + to add a new job.
3. Search for Guide Center: Create a CI/CD Job. Select the guide and follow the instructions.
Each job is configured using a [Link] file in the project Git repository.
The CI/CD view shows the latest build triggered by the user. To see all builds, open the SAP Continuous Integration and Delivery
service. See SAP Continuous Integration and Delivery to learn about this service. You can see the build details for each job, such as
the creation date and status.
Once a new build is triggered, the view is updated with the latest build.
Click Trigger a Build. The best practice is to use Git webhooks to automatically trigger a build with each build action.
Nevertheless, you can manually trigger a build without pushing changes to Git.
This is custom documentation. For more information, please visit SAP Help Portal. 121
5/28/25, 12:24 PM
Delete the job.
Click Delete to remove the job from the SAP Continuous Integration and Delivery service and the configuration file is
deleted from the repository. This affects all users working in the repository.
Perform the following configuration steps to use SAP Continuous Integration and Delivery in SAP Build Code:
Property Value
Name cicd-backend
Type HTTP
Authenticiation OAuth2JWTBearer
This is custom documentation. For more information, please visit SAP Help Portal. 122
5/28/25, 12:24 PM
Property Value
4. Click Save.
5. Go to Security Role Collections to make sure you have been assigned the following roles:
Business_Application_Studio_Developer
Business_Application_Studio_Administrator
If you are missing any role, Follow the procedure below to assign it to your user:
Note
You must be an administrator of your global account and subaccount on SAP BTP to assign roles.
a. In your subaccount in the SAP BTP cockpit, choose Security Trust Configuration .
c. Enter the e-mail address of the user to which you want to assign a role collection.
e. If the user is new to the subaccount, choose Add User in the Confirmation dialog.
g. From the dropdown list, select the role you want to assign and confirm your choice with Assign Role Collection.
Note
When you assign roles or remove role assignments, it can take up to 60 minutes for changes to take effect. Log off and
then log on again for changes to take effect immediately.
This is custom documentation. For more information, please visit SAP Help Portal. 123
5/28/25, 12:24 PM
You're using a single development subaccount to develop many target accounts.
Your development account isn't in the same region as your target account.
1. From your global account in the SAP BTP cockpit, create two subaccounts in two different regions.
One subaccount is for the design time environment and the other is for the runtime environment.
a. Add the relevant SAP Business Application Studio service plan. See Configure Entitlements and Quotas from Your
Subaccount.
3. Navigate to the Overview page of your runtime subaccount and click Enable Cloud Foundry. This enables you to deploy the
application to Cloud Foundry. See Create Orgs.
4. If you're using an external data source (outside SAP BTP) for your application, create the same destination, with the same
name, in both subaccounts. See Create HTTP Destinations and Add a System.
5. Log in to Cloud Foundry. Make sure to update the Cloud Foundry endpoint with the region of the runtime subaccount (for
example, change [Link] to
[Link]
6. Create a Project in the design time subaccount. Make sure to connect to the relevant destination during data source and
service selection.
7. Test your application by creating a run configuration. Make sure to bind the relevant destination.
Restriction
This extension works only on a host machine (for example, Windows, Mac, or Linux). It will not work from a remote machine
such as WSL or a remote container.
Prerequisites
Make sure you have installed the SAP Business Application Studio toolkit extension.
To ensure the best functionality, make sure you are always working (locally) on the latest officially released version of VS Code and
that you regularly update the SAP Business Application Studio toolkit extension to the latest version in the VS Code
marketplace.
The remote connection to SAP Business Application Studio allows you to:
Work in your SAP Business Application Studio tailored dev spaces directly from your local VS Code installation, including
the tools and configurations that are not available on your local OS.
This is custom documentation. For more information, please visit SAP Help Portal. 124
5/28/25, 12:24 PM
Connect to your different centrally managed SAP environments (for example, Developer Hub, subaccount destinations,
etc.) via the SAP Business Application Studio Service Center.
Separate your development environment to avoid impacting your local machine configuration.
Debug an application running somewhere else, such as a customer site or in the cloud.
Caution
If you install third-party extensions while using a remote connection to SAP Business Application Studio, the third party
may be able to access your data from the dev space.
Allows easy access through a hosted secure environment, available anywhere, anytime.
Getting Started
1. Install the SAP Business Application Studio toolkit extension from the Visual Studio marketplace. This extension pack
will automatically install the Remote Access for SAP Business Application Studio extension as well.
2. Click in the VS Code activity bar to open the SAP Business Application Studio view.
Adding Landscapes
1. In the SAP Business Application Studio view, click Connect Landscape to add the landscape you want to access.
All the landscapes you connect to and their respective dev spaces are displayed in the SAP Business Application Studio view.
This is custom documentation. For more information, please visit SAP Help Portal. 125
5/28/25, 12:24 PM
2. Click .
3. When prompted, allow the extension to log in using SAP Business Application Studio.
4. Click Open to allow access to the SAP Business Application Studio landscape in VS Code.
5. If you are not already logged in, provide your SAP credentials when prompted.
6. Click Open VS Code to start working on your SAP Business Application Studio dev spaces in VS Code.
Start a dev space by hovering over the dev space name and clicking Play.
A dot appears on the dev space's icon once the status changes to STARTED.
Stop a dev space by hovering over the dev space name and clicking Stop.
Open a dev space by hovering over the dev space name and clicking .
Note
You can only have 2 dev spaces running at a time.
This is custom documentation. For more information, please visit SAP Help Portal. 126
5/28/25, 12:24 PM
Trial accounts are intended for personal exploration, and not for production use or team development. They allow restricted use of
the services. To learn more about the difference between enterprise and trial accounts, see Enterprise versus Trial Accounts.
Note
SAP Build Code is available on Trial in the US10 region.
There are restrictions that apply to SAP Build Code trial accounts. See Trial Plan Restrictions.
Prerequisites
You have an SAP BTP Trial account in the US10 region.
Tip
This is custom documentation. For more information, please visit SAP Help Portal. 127
5/28/25, 12:24 PM
The correct way to subscribe to SAP Build Code is using the booster and not the manual setup.
1. Access your global account in the SAP BTP cockpit and click Go To Your Trial Account.
3. Search for the Get started with SAP Build Code booster.
4. Open the booster to see the overview, components, and additional resources, and click Start .
The booster checks for required authorizations, compatible providers, and regions.
Note
The Get started with SAP Build Code booster does not set up an SAP HANA Cloud database instance automatically.
You need to manually create an instance. See Create an SAP HANA Database Instance Using SAP HANA Cloud Central.
5. After running the booster, on the popup window, choose Navigate to Subaccount.
1. From the subaccount's navigation pane, select Services Instances and Subscriptions .
Administration
Learn about the tasks for setting up your system to develop applications using SAP Build Code.
Service Plans
SAP Build Code provides 3 types of application plans in SAP BTP enterprise accounts: standard, free, and trial.
Manage Authorizations and Roles
The subaccount administrator can assign the user a role for developing with SAP Build Code or for managing data.
Regional Availability
Get an overview of the regional availability of SAP Build Code and AI Core provider.
Service Plans
SAP Build Code provides 3 types of application plans in SAP BTP enterprise accounts: standard, free, and trial.
When setting up SAP Build Code, select the booster for the plan you want to use.
All plans provide tools tailored for developing key scenarios such as: SAP S/4HANA extensions, full stack business applications,
SAP Fiori applications, and more.
This is custom documentation. For more information, please visit SAP Help Portal. 128
5/28/25, 12:24 PM
Use the standard plan for productive development with pre-configured SAP services. It includes preinstalled runtimes.
Use the free plan for evaluation purposes. Restrictions apply to the development environments. Only community support is
available for free tier service plans and these are not subject to SLAs.
Use a trial account for evaluation purposes for a 3-month period. Restrictions apply to the development environments.
Only community support is available for trial service plans and these are not subject to SLAs.
Select your current service plan and your target service plan so learn about your options.
For detailed information on the supported migration scenarios, please refer to the following table:
Note
This will remove the following:
Lobby
Joule features
This is custom documentation. For more information, please visit SAP Help Portal. 129
5/28/25, 12:24 PM
SAP Mobile Services free build-code Follow the instructions in the Upgrading
your service to the build-code plan
section.
SAP Mobile Services resources build-code Follow the instructions in the Upgrading
your service to the build-code plan
section.
SAP Mobile Services standard (deprecated build-code Follow the instructions in the Upgrading
plan) your service to the build-code plan
section.
SAP Mobile Services b2c (deprecated plan) build-code Follow the instructions in the Upgrading
your service to the build-code plan
section.
SAP Mobile Services build-code standard (deprecated plan) Changing the service plan to a
deprecated plan is not recommended.
SAP Mobile Services build-code resources Follow the instructions in the Upgrading
your service to the build-code plan
section.
SAP Cloud Transport free build-code Follow the instructions in Updating the
Management service Service Plan in the SAP Cloud Transport
Management Service documentation.
This is custom documentation. For more information, please visit SAP Help Portal. 130
5/28/25, 12:24 PM
SAP Cloud Transport standard build-code Follow the instructions in Updating the
Management service Service Plan in the SAP Cloud Transport
Management Service documentation.
Prerequisites
3. Under Application Plans, click the 3 dots in the line for the standard plan, and click Create.
Procedure
2. Go to your subaccount.
4. Click Edit.
6. Search for your service, and under Available Plans select build-code (Application).
This is custom documentation. For more information, please visit SAP Help Portal. 131
5/28/25, 12:24 PM
7. Click Add 1 Service Plan.
A list of the applications to which your subaccount is subscribed in the Cloud Foundry environment is displayed.
10. Select the ellipsis at the end of the subscription row, and from the menu, click Update.
11. In the wizard that opens, select the build-code plan, and click Update Subscription.
1. In the SAP BTP cockpit, navigate to the subaccount containing the SAP Build Code subscription.
2. If you have Cloud Foundry, under the Cloud Foundry Environment section, click Disable Cloud Foundry.
Caution
Doing this will delete all the spaces in the subaccount.
3. Navigate back to the global account, and run the Get Started with SAP Build Code booster. See Initial Setup.
This is custom documentation. For more information, please visit SAP Help Portal. 132
5/28/25, 12:24 PM
2. Go to your subaccount.
4. Click Edit.
6. Search for your service, and under Available Plans select the plan to which you want to move.
Role collections are user-related authorizations that restrict access to resources and services based on defined user permissions.
They consist of individual roles. The roles are based on role templates. For SAP Build Code, there are 2 relevant role templates
available: Build Code Administrator and Build Code Developer.
To allow development using SAP Build Code, you must assign the Build Code Developer role to the developer.
To allow administrator operations such as exporting and deleting user data using SAP Build Code, you must assign the
Build Code Administrator role to the user.
Note
It is recommended to limit the number of administrators with full management permissions.
This is custom documentation. For more information, please visit SAP Help Portal. 133
5/28/25, 12:24 PM
The Developer and Administrator role collections together with their corresponding role templates are created automatically when
you subscribe to SAP Build Code.
Note
If you want to perform both administrator and developer tasks, you must have both roles assigned.
Prerequisites
Your subaccount must be subscribed to SAP Build Code.
Assigning Permissions
You can assign permissions as follows:
3. Select a role collection that was created automatically when you subscribed to SAP Build Code.
4. Click Edit.
5. Enter the email address of the user who you want to give permissions to in the ID field.
6. Select the relevant identity provider, for example, Default Identity provider.
7. Enter the email address of the user who you want to give permissions to in the E-Mail field.
8. Click Save.
To assign permissions to groups, follow the instructions in the Map Role Collections to User Groups topic.
Regional Availability
Get an overview of the regional availability of SAP Build Code and AI Core provider.
SAP Build Code links to the service subscription in the SAP BTP cockpit. It operates in the same region and is hosted by the same
IaaS provider as your subaccounts on SAP BTP. However, the AI Core service, which is essential for Generative AI-powered
development Generative AI-Powered Development capabilities, is only available in some SAP BTP regions. As a result, you might
need to cross-consume AI Core from a different IaaS provider or region.
BAS IaaS BAS Consumer BAS Consumer AI Core Provider AI Core Provider AI Core IaaS Planned
Provider Region Region Region Name Region Region Name Provider Availability
Microsoft Azure br20 Brazil (Sao br10 Brazil - Sao Amazon Web 03.2025
Paulo) Paulo Services
This is custom documentation. For more information, please visit SAP Help Portal. 134
5/28/25, 12:24 PM
BAS IaaS BAS Consumer BAS Consumer AI Core Provider AI Core Provider AI Core IaaS Planned
Provider Region Region Region Name Region Region Name Provider Availability
Amazon Web jp10 Japan (Tokyo) jp10 Japan (Tokyo) Amazon Web Available
Services Services
Microsoft Azure jp20 Japan (Tokyo) jp10 Japan (Tokyo) Amazon Web 03.2025
Services
Amazon Web us10 US East (N. us10 US East (N. Amazon Web Available
Services Virginia) Virginia) Services
Microsoft Azure us20 US West us10 US East (N. Amazon Web 02.2025
(Washington) Virginia) Services
Google Cloud us30 US Central us30 US East (N. Google Cloud Available
Platform (Iowa) Virginia) Platform
Security
Learn about the security mechanisms in place for the different services composing SAP Build Code.
The following links lead to the security information for each of the SAP Build Code services:
Alert Notification
Event Broker
This is custom documentation. For more information, please visit SAP Help Portal. 135
5/28/25, 12:24 PM
SAP Build Work Zone foundation
Destination
Connectivity Service
HTML5 Applications
SAP Build Code stores anonymized user IDs for billing purposes only.
This anonymized information will be deleted once it is no longer required for billing or quota purposes.
This is custom documentation. For more information, please visit SAP Help Portal. 136