Generating User Interfaces

Objective

After completing this lesson, you will be able to generate a User Interface (UI) using SAP Fiori Elements

Generate a User Interface Using SAP Fiori Elements

Generate a User Interface Using SAP Fiori Elements - Part 1

DemoStart Demo

Generate a User Interface Using SAP Fiori Elements - Part 2

DemoStart Demo

Generate a User Interface Using SAP Fiori Elements

Generate a User Interface Using SAP Fiori Elements - Part 1

ExerciseStart Exercise

Generate a User Interface Using SAP Fiori Elements - Part 2

ExerciseStart Exercise

Business Example

We will now look at how to create an SAP Fiori Elements UI.

Exercise Options

You can perform this exercise in two ways:

  1. Practice hands-on by using the following step-by-step instructions. You can perform the steps on your SAP BTP landscape.
  2. Recorded Simulation–follow the step-by-step instructions within the simulation by choosing the Start Exercise button.

Note

We strongly recommend performing the steps by practicing hands-on.

Prerequisites

Before proceeding with the exercise, make sure you:

You have built your CAP application. See Build a CAP application.

Perform the Exercise

Open the exercise Add SAP Fiori Elements UIs in the tutorial and complete all steps.

Result

Well done! You have created an SAP Fiori Elements UI for your application. In the next unit, you will add custom business logic to your application to add highlighting to some fields.

Log in to track your progress & complete quizzes

Learning

SAP FacebookSAP YoutubeSAP LinkedIn