You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: exercises/ex1/README.md
+1-2
Original file line number
Diff line number
Diff line change
@@ -150,10 +150,9 @@ Make yourself familiar with the application:
150
150
- Click on **Edit** on the object page to create a **draft version** of the displayed object and to set the UI to edit mode.
151
151
- Change the value of an input field to automatically **update the draft** when input field focus is changed, or when you navigate back to the List Report.
152
152
- The draft is saved back to the active instance by pressing **Save** on the bottom of the Object Page.
153
-
- In edit mode, the List Report shows a **draft indicator** in the corresponding line item.
154
153
155
154
## Summary
156
155
157
156
You've now successfully generated and tested the Fiori elements app.
158
157
159
-
Continue to - [Exercise 2 - Configuring the UI by Using the SAP Fiori Tools Page Map](../ex2/README.md)
158
+
Continue to - [Exercise 2 - Configuring the UI by Using the SAP Fiori tools Page Map](../ex2/README.md)
Copy file name to clipboardExpand all lines: exercises/ex2/README.md
+7-7
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
-
# Exercise 2 Enhancing the UI by Using the SAP Fiori Tools Page Map
1
+
# Exercise 2 Enhancing the UI by Using the SAP Fiori tools Page Map
2
2
3
-
In this exercise, you will learn how to use some of the new configuration features provided by the **SAP Fiori Tools Page Map**.
3
+
In this exercise, you will learn how to use some of the new configuration features provided by the **SAP Fiori tools Page Map**.
4
4
## Exercise 2.1 Enable Data Load During Start of the App
5
5
6
6
When starting the app, per default the user has to press the
@@ -78,8 +78,8 @@ We will now configure the **display text** and the **text arrangement** in order
78
78
An additional property **Text Arrangement** is now shown in the properties pane.\
79
79
\(15\) Expand the drop-down box.
80
80
81
-
\(16\)Select list entry **Text First**.\
82
-
With it, column **Agency** will now show values in format **<display text\> (<identifier\>)**.
81
+
\(16\)Make sure that list entry **Text First** is selected.\
82
+
With it, column **Agency** will show values in format **<display text\> (<identifier\>)**.
83
83
84
84

85
85
@@ -94,7 +94,7 @@ Switch to the preview browser tab.
94
94
## Exercise 2.5 Change Form Field Order and Display Type
95
95
96
96
On the object page, in field group **Travel** we want to exchange the positioning of fields **Customer** and **Agency**.\
97
-
For Field **Description**, in order to have long descriptions properly displayed in edit mode, we will switch the field's display type by using the SAP Fiori Tools Page Map.
97
+
For Field **Description**, in order to have long descriptions properly displayed in edit mode, we will switch the field's display type by using the SAP Fiori tools Page Map.
98
98
99
99

100
100
@@ -136,9 +136,9 @@ Click button  in order to switch back to display
136
136
## Exercise 2.6 Adding a new Field Group
137
137
138
138
For a **sustainability initiative**, the travel service has been extended to provide some additional fields for the new green flight offering which are not yet shown in the UI.\
139
-
In this exercise, we will add a new **subsection Sustainability** to section **Travel** of the object page by using the **Add Form Section** functionality of the **SAP Fiori Tools Page Map**.
139
+
In this exercise, we will add a new **subsection Sustainability** to section **Travel** of the object page by using the **Add Form Section** functionality of the **SAP Fiori tools Page Map**.
140
140
141
-
\(27\) In the SAP Fiori Tools Page Map's **page editor** for the object page,
141
+
\(27\) In the SAP Fiori tools Page Map's **page editor** for the object page,
Copy file name to clipboardExpand all lines: exercises/ex4/README.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
# Exercise 4 - Flexible Programming Model: Extending the App with Fiori Elements Building Blocks
2
2
3
-
In this exercise, we will replace the object page table section **Bookings** with a **custom section** by using the **SAP Fiori Tools Page Map**.\
3
+
In this exercise, we will replace the object page table section **Bookings** with a **custom section** by using the **SAP Fiori tools Page Map**.\
4
4
In the custom section, we will combine **freestyle UI5 controls** with **SAP Fiori elements building blocks** offered by the **flexible programming model**.
5
5
6
6
## Flexible Programming Model Overview
@@ -20,16 +20,16 @@ showing how to properly use building blocks in SAP Fiori elements extension poin
20
20
21
21
## Exercise 4.1 Remove existing Section via Page Map
22
22
23
-
The **SAP Fiori Tools Page Map** provides several ways of configuring the app and also allows to add and remove UI elements.\
24
-
\(1\) In the SAP Business Application Studio, click the corresponding tile on the **Application Info** tab in order to open the SAP Fiori Tools Page Map.\
23
+
The **SAP Fiori tools Page Map** provides several ways of configuring the app and also allows to add and remove UI elements.\
24
+
\(1\) In the SAP Business Application Studio, click the corresponding tile on the **Application Info** tab in order to open the SAP Fiori tools Page Map.\
25
25
If closed, you can reopen the Application Info tab via menu **View->Find Command...->Fiori: Open Application Info**.
26
26
27
27

28
28
29
-
Alternatively, we can open the SAP Fiori Tools Page Map via context menu on the folder **app** in the **Explorer** pane\
29
+
Alternatively, we can open the SAP Fiori tools Page Map via context menu on the folder **app** in the **Explorer** pane\
30
30
or via menu **View -> Find Command... -> Fiori: Show Page Map**
31
31
32
-
\(2\) On the SAP Fiori Tools Page Map tile **Object Page**, click icon  (**Configure Page**).
32
+
\(2\) On the SAP Fiori tools Page Map tile **Object Page**, click icon  (**Configure Page**).
33
33
34
34

35
35
@@ -204,7 +204,7 @@ Switch to the preview browser tab of the app.
204
204
205
205
## Summary
206
206
207
-
You've now successfully added a **custom section** via the **SAP Fiori Tools Page Map**, and used the **table building block** in the extension.\
207
+
You've now successfully added a **custom section** via the **SAP Fiori tools Page Map**, and used the **table building block** in the extension.\
208
208
You have tested the building block's **editing and navigation behaviour**, and defined a **side effect** showing that editing data in the table influences data shown in other areas of the app.
209
209
210
210
Continue to - [Exercise 5 - Adding a Micro Chart to the Table Building Block](../ex5/README.md)
0 commit comments