Create an Application with SAP Build Apps

[Mittal31]

Create an Application with SAP Build Apps

Create an application with SAP Build Apps on SAP BTP. The application, created in a browser, can be used to register an employee. 

With this you can learn 

• How to create a no code UI application with SAP Build Apps. 
• How to add and edit visual elements in the SAP Build Apps UI editor. 
• How to create a entity and variables with SAP Build Apps and leverage in UI application. 
• How to add no code logic on Submit Button.

Step – 1 Create a new Build an Application

Step – 2  Select Web and Mobile Application

Step – 3  Enter Project Name and Description then click on create , it will open the Web Editor.

UI editor will open as below. 

Create a new data entity which  will leverage into web applications apps variables.

Select Data tab  and click on create data entity

New Record Added Manually

Create a New Apps Variables

Same steps will follow for all the fields

Create a Web Application 

Select UI Canvas Tab and select view slider

   Add below fields on web page

• Employee ID (Number)
• First Name   (Text)
• Last Name    (Text)
• Date of Birth  (Date)
• Resignation Date  (Date)
• Date of Joining  (Date)
• Current Address (Text)
• Permanent Address (Text)
• City  (Text)
• Country (Text)

How to add Input Field for Text Fields

• Drag and drop input field on editor.
• Rename the Label and Enter Placeholder Text.
• Bind the field with Variable or Entity.

Rename the Label and Enter Placeholder.

For Input field binding , Go to Properties and select Value field

Click on Data and variables and then select App Variable

Same process have to follow for all the input fields , created all the variables for all the input fields.

Bind this variables to respective  input fields.

Add Logic on Submit Button

Click on Submit button then click on Add Logic Button 1

Select create Record

Select Resource Entity

Select Custom Object from Create Record Properties and bind entity fields with App variables.

Web Application has been successfully developed.

Preview the Web Application.

Click on Launch Tab  and select Preview your application

[nirmalsaini]

it was very informative and easy to understand thank you