OpenUI5 Documentation Update 27.06.2024

SAP · Jun 27, 2024 · 30c62df · 30c62df
1 parent aea806a
commit 30c62df
Show file tree

Hide file tree

Showing 21 changed files with 32 additions and 46 deletions.
diff --git a/docs/Data_Binding_Tutorial_e531093.md b/docs/Data_Binding_Tutorial_e531093.md
@@ -22,7 +22,7 @@ The UI uses data binding to bind controls to the model which holds the applicati
 
 ### Preview
 
-![](images/loio896048ebce6b47488068c9630b71c43a_HiRes.png)
+![Preview of three panels of the UI5 application that is going to be built in this tutorial. Contains three panels with name input fields, address details, and a product list.](images/loio896048ebce6b47488068c9630b71c43a_LowRes.png)
 
 > ### Tip:  
 > You don't have to do all tutorial steps sequentially, you can also jump directly to any step you want. Just download the code from the previous step, copy it to your workspace and make sure that the application runs by calling the `webapp/index.html` file.

diff --git a/docs/OpenUI5_UI_Development_Toolkit_for_HTML5_95d113b.md b/docs/OpenUI5_UI_Development_Toolkit_for_HTML5_95d113b.md
@@ -10,10 +10,10 @@ view on: [demo kit nightly build](https://sdk.openui5.org/nightly/#/topic/95d113
 
 ## OpenUI5: UI Development Toolkit for HTML5
 
-Create apps with rich user interfaces for modern web business applications, responsive across browsers and devices, based on HTML5. \(Documentation patch 1.126.0\)
+Create apps with rich user interfaces for modern web business applications, responsive across browsers and devices, based on HTML5. \(Documentation patch 1.127.0\)
 
 > ### Caution:  
-> The documentation development of OpenUI5 1.126 is still in progress for this patch, so there may be information missing. 
+> The documentation development of OpenUI5 1.127 is still in progress for this patch, so there may be information missing. 
 
 ***
 

diff --git a/docs/Step_10_Property_Formatting_Using_Data_Types_9252ee4.md b/docs/Step_10_Property_Formatting_Using_Data_Types_9252ee4.md
@@ -18,9 +18,9 @@ OpenUI5 provides a set of simple data types such as `Boolean`, `Currency`, `Date
 
 
 
-**New Sales Amount input field**
+**An input field for a currency amount is added to the second panel**
 
-![](images/loiod15f8bc61efe47d9af2afdeea943cd9c_LowRes.png "New Sales Amount input field ")
+![The graphic has an explanatory text](images/loiod15f8bc61efe47d9af2afdeea943cd9c_LowRes.png "An input field for a currency amount is added to the second panel")
 
 ***
 

diff --git a/docs/Step_11_Validation_Using_sap_ui_core_Messaging_b8c4e53.md b/docs/Step_11_Validation_Using_sap_ui_core_Messaging_b8c4e53.md
@@ -18,9 +18,9 @@ So far, we have created a currency field that can format itself correctly. The c
 
 
 
-**A message appears**
+**An error message is displayed upon entering text into the currency amount input field**
 
-![](images/loioe67207b43d08410e82e74ad57ffbc022_LowRes.png "A message appears")
+![The graphic has an explanatory text](images/loioe67207b43d08410e82e74ad57ffbc022_LowRes.png "An error message is displayed upon entering text into the currency amount input field")
 
 ***
 

diff --git a/docs/Step_12_Aggregation_Binding_Using_Templates_97830de.md b/docs/Step_12_Aggregation_Binding_Using_Templates_97830de.md
@@ -25,9 +25,9 @@ It will automatically create as many child controls as are needed to display the
 
 
 
-**List with aggregation binding**
+**A third panel with a list of products is displayed**
 
-![](images/loio16424336ab62402e8c27d5d7dac069b1_LowRes.png "List with aggregation binding")
+![The graphic has an explanatory text](images/loio16424336ab62402e8c27d5d7dac069b1_LowRes.png "A third panel with a list of products is displayed")
 
 ***
 

diff --git a/docs/Step_13_Element_Binding_6c7c5c2.md b/docs/Step_13_Element_Binding_6c7c5c2.md
@@ -18,9 +18,9 @@ Now we want to do something with that newly generated list. In most cases you wi
 
 
 
-**Element binding implemented, product details displayed per item**
+**A fourth panel with details for a selected product is displayed**
 
-![](images/loio872d2ed3f9144fbfb82e028b17c52ce3_LowRes.png "Element binding implemented, product details displayed per item")
+![The graphic has an explanatory text](images/loio872d2ed3f9144fbfb82e028b17c52ce3_LowRes.png "A fourth panel with details for a selected product is displayed")
 
 ***
 

diff --git a/docs/Step_14_Expression_Binding_5cff8d1.md b/docs/Step_14_Expression_Binding_5cff8d1.md
@@ -18,9 +18,9 @@ Expression binding allows you to display a value on the screen that has been cal
 
 
 
-**Values formatted**
+**Prices are color-coded depending on a selected threshold**
 
-![](images/loiob9fb758efb0a481cb88a412a0712972f_LowRes.png "Values formatted")
+![The graphic has an explanatory text](images/loiob9fb758efb0a481cb88a412a0712972f_LowRes.png "Prices are color-coded depending on a selected threshold")
 
 ***
 

diff --git a/docs/Step_15_Aggregation_Binding_Using_a_Factory_Function_284a036.md b/docs/Step_15_Aggregation_Binding_Using_a_Factory_Function_284a036.md
@@ -18,9 +18,9 @@ Instead of hard-coding a single template control, we use a factory function to g
 
 
 
-**Controls generated based on data**
+**A different type of list item is displayed for a discontinued product**
 
-![](images/loiodb27ba88d80c4778809bdb9b971531f9_LowRes.png "Controls generated based on data")
+![The graphic has an explanatory text](images/loiodb27ba88d80c4778809bdb9b971531f9_LowRes.png "A different type of list item is displayed for a discontinued product")
 
 ***
 

diff --git a/docs/Step_1_No_Data_Binding_4cde849.md b/docs/Step_1_No_Data_Binding_4cde849.md
@@ -16,11 +16,7 @@ In this step, we create a basic application and simply place some text on the sc
 
 ### Preview
 
-
-
-**Screen with text**
-
-![](images/loio6d391d527601499fbeb3734246b2c067_LowRes.png "Screen with text")
+![The browser shows the text "Hi, my name is Harry Hawk"](images/loio6d391d527601499fbeb3734246b2c067_LowRes.png)
 
 ***
 

diff --git a/docs/Step_25_Remote_OData_Service_4406244.md b/docs/Step_25_Remote_OData_Service_4406244.md
@@ -61,7 +61,7 @@ metadata:
 type: application
 framework:
   name: OpenUI5
-  version: "1.126.0"
+  version: "1.127.0"
   libraries:
     - name: sap.m
     - name: sap.ui.core

diff --git a/docs/Step_2_Creating_a_Model_5278bfd.md b/docs/Step_2_Creating_a_Model_5278bfd.md
@@ -38,12 +38,7 @@ In this tutorial, we will focus on JSON models since they are the simplest ones
 
 ### Preview
 
-
-
-**Screen with text derived from a model object \(No visual changes to last step\)**
-
-![](images/loio6d391d527601499fbeb3734246b2c067_LowRes.png "Screen with text derived from a model object (No visual changes to last
-					step)")
+![The browser shows the text "Hi, my name is Harry Hawk"](images/loio6d391d527601499fbeb3734246b2c067_LowRes.png)
 
 ***
 

diff --git a/docs/Step_3_Create_Property_Binding_d70e989.md b/docs/Step_3_Create_Property_Binding_d70e989.md
@@ -16,12 +16,7 @@ Although there is no visible difference, the text on the screen is now derived f
 
 ### Preview
 
-
-
-**Screen with text derived from various sources \(No visual changes to last step\)**
-
-![](images/loio6d391d527601499fbeb3734246b2c067_LowRes.png "Screen with text derived from various sources (No visual changes to last
-					step)")
+![The browser shows the text "Hi, my name is Harry Hawk"](images/loio6d391d527601499fbeb3734246b2c067_LowRes.png)
 
 ***
 

diff --git a/docs/Step_4_Two_Way_Data_Binding_c72b922.md b/docs/Step_4_Two_Way_Data_Binding_c72b922.md
@@ -18,9 +18,9 @@ In the examples used so far, we have used a read-only field to display the value
 
 
 
-**Input fields can be enabled or disabled**
+**Two input fields and a checkbox to enable or disable them**
 
-![](images/loio61d68f167778425bbdd2abd7d550ae65_LowRes.png "Input fields can be enabled or disabled")
+![The graphic has an explanatory text](images/loio61d68f167778425bbdd2abd7d550ae65_LowRes.png "Two input fields and a checkbox to enable or disable them")
 
 ***
 

diff --git a/docs/Step_5_One_Way_Data_Binding_88756c0.md b/docs/Step_5_One_Way_Data_Binding_88756c0.md
@@ -18,9 +18,9 @@ In contrast to the two-way binding behavior shown above, one-way data binding is
 
 
 
-**Two-way data binding disabled for the checkbox**
+**Two input fields and a checkbox**
 
-![](images/loio61d68f167778425bbdd2abd7d550ae65_LowRes.png "Two-way data binding disabled for the checkbox")
+![The graphic has an explanatory text](images/loio61d68f167778425bbdd2abd7d550ae65_LowRes.png "Two input fields and a checkbox")
 
 ***
 

diff --git a/docs/Step_6_Resource_Models_9790d9a.md b/docs/Step_6_Resource_Models_9790d9a.md
@@ -20,9 +20,9 @@ The example we used at the start of this tutorial was overly simplistic as we st
 
 
 
-**Texts derived from the resource model \(No visual change to last step\)**
+**The texts are now derived from a resource model \(No visual change to last step\)**
 
-![](images/loio61d68f167778425bbdd2abd7d550ae65_LowRes.png "Texts derived from the resource model (No visual change to last step)")
+![The graphic has an explanatory text](images/loio61d68f167778425bbdd2abd7d550ae65_LowRes.png "The texts are now derived from a resource model (No visual change to last step)")
 
 ***
 

diff --git a/docs/Step_7_Optional_Resource_Bundles_and_Multiple_Languages_4e593b4.md b/docs/Step_7_Optional_Resource_Bundles_and_Multiple_Languages_4e593b4.md
@@ -18,9 +18,9 @@ The reason we have resource bundles is to allow an app to run in multiple langua
 
 
 
-**German version of our UI**
+**The texts are now adapted for the German locale**
 
-![](images/loiod96cdf993b9f4344822d61d2a81d11ab_LowRes.png "German version of our UI")
+![The graphic has an explanatory text](images/loiod96cdf993b9f4344822d61d2a81d11ab_LowRes.png "The texts are now adapted for the German locale")
 
 ***
 

diff --git a/...nding_Paths_Accessing_Properties_in_Hierarchically_Structured_Models_9373793.md b/...nding_Paths_Accessing_Properties_in_Hierarchically_Structured_Models_9373793.md
@@ -18,9 +18,9 @@ In step 6 , we stated that the fields in a resource model are arranged in a flat
 
 
 
-**Second panel with additional data**
+**A second panel with address data is added**
 
-![](images/loio12705f5341f24febb905a50d37bf32db_LowRes.png "Second panel with additional data")
+![The graphic has an explanatory text](images/loio12705f5341f24febb905a50d37bf32db_LowRes.png " A second panel with address data is added")
 
 ***
 

diff --git a/docs/Step_9_Formatting_Values_6fdf0ac.md b/docs/Step_9_Formatting_Values_6fdf0ac.md
@@ -18,9 +18,9 @@ We also want to provide our users a way of contacting Harry Hawk. Therefore we w
 
 
 
-**Address with e-mail link**
+**An e-mail link is added to the address panel**
 
-![](images/loio116157506b3f48ac8ec53ee05095c0df_LowRes.png "Address with e-mail link")
+![The graphic has an explanatory text](images/loio116157506b3f48ac8ec53ee05095c0df_LowRes.png "An e-mail link is added to the address panel")
 
 ***
 

diff --git a/docs/Variant_for_Bootstrapping_from_Content_Delivery_Network_2d3eb2f.md b/docs/Variant_for_Bootstrapping_from_Content_Delivery_Network_2d3eb2f.md
@@ -33,7 +33,7 @@ The specific version allows you to select a particular fixed version for bootstr
 ```html
 <script id="sap-ui-bootstrap"
     type="text/javascript"
-    src="https://sdk.openui5.org/1.126.0/resources/sap-ui-core.js"
+    src="https://sdk.openui5.org/1.127.0/resources/sap-ui-core.js"
     data-sap-ui-theme="sap_horizon"
     data-sap-ui-async="true"
     data-sap-ui-libs="sap.m"></script>

diff --git a/docs/images/loio896048ebce6b47488068c9630b71c43a_HiRes.png b/docs/images/loio896048ebce6b47488068c9630b71c43a_HiRes.png
diff --git a/docs/images/loio896048ebce6b47488068c9630b71c43a_LowRes.png b/docs/images/loio896048ebce6b47488068c9630b71c43a_LowRes.png