add-fiori-elements-uis: update screenshots and steps

sap-tutorials · Apr 17, 2024 · 27ec3d9 · 27ec3d9
1 parent f6da243
commit 27ec3d9
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 14 deletions.
diff --git a/tutorials/add-fiori-elements-uis/add-fiori-elements-uis.md b/tutorials/add-fiori-elements-uis/add-fiori-elements-uis.md
@@ -49,7 +49,7 @@ To learn more about each of these points, see [Why Use SAP Fiori Elements?](http
 
 4. In the **Template Selection** step:
 
-    - In the **Template Type** dropdown menu, select **SAP Fiori**. Then, choose the **List Report Page** template tile.
+    - Choose the **List Report Page** template tile.
 
     - Choose **Next**.
 
@@ -187,7 +187,7 @@ The filter labels are text strings. It's a good idea to update them so they are
 
 #### Edit columns
 
-10. Expand the **Columns** section under **Table** and delete the columns **urgency_code** and **status_code**. 
+10. Expand the **Columns** section under **Table** and delete the columns **customer_ID**, **urgency_code** and **status_code**. 
 
     <!-- border; size:540px --> ![Delete Columns](./delete-columns.png)
 
@@ -314,27 +314,19 @@ In this section, you'll modify the Incident Object Page of the UI with the SAP F
 
 #### Configure fields
 
-1. Navigate to **Sections** &rarr; **General Information** &rarr; **Form** &rarr; **Fields** and delete the **urgency_code** and **status_code** fields.
-
-    <!-- border; size:540px --> ![Delete Fields](./obj60.png)
-
-2. Choose **Sections** &rarr; **General Information** and choose the **Globe** icon in the **Label** field for **General Information** to generate a translatable text key.  
+1. Choose **Sections** &rarr; **General Information** and choose the **Globe** icon in the **Label** field for **General Information** to generate a translatable text key.  
 
     <!-- border; size:540px --> ![General information label](./obj601.png)
 
-3. Choose **Sections** &rarr; **General Information** &rarr; **Form** &rarr; **Fields**, choose the **Plus** icon to add more fields, and then choose **Add Basic Fields**.
 
-    <!-- border; size:540px --> ![Add Basic Fields](./fiori1.png)
+2. Navigate to **Sections** &rarr; **General Information** &rarr; **Form** &rarr; **Fields** and delete the **urgency_code** and **status_code** fields.
 
-4. In the **Add Basic Fields** popup
-
-    - From the dropdown menu in the **Fields** field, select **customer_ID**.
-    - Choose **Add**.
+    <!-- border; size:540px --> ![Delete Fields](./obj60.png)
 
-    <!-- border; size:540px --> ![Add Basic Fields popup](./fiori2.png)
 
 5. For the **customer_ID** field:
 
+    - Move the field down just under the **Title** field.
     - In the **Label** field, change the value to **Customer**.
     - Press <kbd>Enter</kbd> to confirm the change.
     - Choose the **Globe** icon in the **Label** field to generate a translatable text key.

diff --git a/tutorials/add-fiori-elements-uis/delete-columns.png b/tutorials/add-fiori-elements-uis/delete-columns.png
diff --git a/tutorials/add-fiori-elements-uis/ls2.png b/tutorials/add-fiori-elements-uis/ls2.png
diff --git a/tutorials/add-fiori-elements-uis/obj10.png b/tutorials/add-fiori-elements-uis/obj10.png
diff --git a/tutorials/add-fiori-elements-uis/obj60.png b/tutorials/add-fiori-elements-uis/obj60.png
diff --git a/tutorials/add-fiori-elements-uis/vscv4template.png b/tutorials/add-fiori-elements-uis/vscv4template.png