Skip to content

Commit

Permalink
OpenUI5 Documentation Update 17.01.2025
Browse files Browse the repository at this point in the history
  • Loading branch information
openui5bot committed Jan 17, 2025
1 parent d741d24 commit 8b6c57a
Show file tree
Hide file tree
Showing 46 changed files with 664 additions and 15 deletions.
1 change: 1 addition & 0 deletions docs/0index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ OpenUI5 Version for the OpenUI5 Demo Kit

- [OpenUI5: UI Development Toolkit for HTML5](OpenUI5_UI_Development_Toolkit_for_HTML5_95d113b.md)
- [What's New in OpenUI5](What_s_New_in_OpenUI5_99ac68a.md)
- [What's New in OpenUI5 1.132](What_s_New_in_OpenUI5_1_132_bd2e61f.md)
- [What's New in OpenUI5 1.131](What_s_New_in_OpenUI5_1_131_7d24d94.md)
- [Previous Versions](Previous_Versions_6660a59.md)
- [What's New in OpenUI5 1.130](What_s_New_in_OpenUI5_1_130_85609d4.md)
Expand Down
2 changes: 1 addition & 1 deletion docs/Flexible_Column_Layout_App_Tutorial_c4de2df.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ The app provides the following features:

**list-detail-detail pattern with sap.f.FlexibleColumnLayout, sap.f.DynamicPage and sap.uxap.ObjectPageLayout**

![](images/loiofd98e0d8d9c74cd2a38d9177455bf085_HiRes.gif "list-detail-detail pattern with sap.f.FlexibleColumnLayout, sap.f.DynamicPage and
![](images/loiofd98e0d8d9c74cd2a38d9177455bf085_LowRes.gif "list-detail-detail pattern with sap.f.FlexibleColumnLayout, sap.f.DynamicPage and
sap.uxap.ObjectPageLayout")

***
Expand Down
2 changes: 1 addition & 1 deletion docs/Step_10_Adding_More_Pages_a59b3de.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we create an additional page that is displayed in a separate fulls

**Additional page displayed in a separate fullscreen column**

![](images/loio41f6ae105130408ca78197f7c528e388_HiRes.gif "Additional page displayed in a separate fullscreen column")
![](images/loio41f6ae105130408ca78197f7c528e388_LowRes.gif "Additional page displayed in a separate fullscreen column")

***

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ For more information, see [Flexible Column Layout Semantic Helper](Flexible_Colu

**List-detail-detail pattern using sap.f.FlexibleColumnLayoutSemanticHelper**

![](images/loiofd98e0d8d9c74cd2a38d9177455bf085_HiRes.gif "List-detail-detail pattern using
![](images/loiofd98e0d8d9c74cd2a38d9177455bf085_LowRes.gif "List-detail-detail pattern using
sap.f.FlexibleColumnLayoutSemanticHelper")

***
Expand Down
2 changes: 1 addition & 1 deletion docs/Step_12_Starting_with_Two_Columns_a96fbe4.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ By default, the `FlexibleColumnLayout` starts off with one column. If your use c

**Initial layout with two columns**

![](images/loio18a03a866de94ad7a488f776417c685b_HiRes.png "Initial layout with two columns")
![](images/loio18a03a866de94ad7a488f776417c685b_LowRes.png "Initial layout with two columns")

***

Expand Down
2 changes: 1 addition & 1 deletion docs/Step_13_Setting_the_List_Detail_Pattern_cb38637.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ Apps using the list-detail pattern operate with a layout divided into two separa

**list-detail pattern with FlexibleColumnLayout**

![](images/loio267d05fd0b294310b7bebdeda5f70e3b_HiRes.gif "list-detail pattern with FlexibleColumnLayout")
![](images/loio267d05fd0b294310b7bebdeda5f70e3b_LowRes.gif "list-detail pattern with FlexibleColumnLayout")

***

Expand Down
4 changes: 2 additions & 2 deletions docs/Step_1_Setting_Up_the_Initial_App_59b772b.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ The structure in this step will be used throughout the rest of this tutorial. Th

**The basic OpenUI5 app**

![](images/loio613be5aa54644aabbd11fbbb43fd5fcc_HiRes.png "The basic OpenUI5 app")
![](images/loio613be5aa54644aabbd11fbbb43fd5fcc_LowRes.png "The basic OpenUI5 app")

***

Expand All @@ -44,7 +44,7 @@ You should have the same files as displayed in the following figure:

**Folder structure with downloaded files**

![](images/loiobc4395be3fd64b8aa49058340e92a192_HiRes.png "Folder structure with downloaded files")
![](images/loiobc4395be3fd64b8aa49058340e92a192_LowRes.png "Folder structure with downloaded files")

**Parent topic:**[Flexible Column Layout App Tutorial](Flexible_Column_Layout_App_Tutorial_c4de2df.md "In this tutorial, we showcase how to structure your OpenUI5 app using the layout patterns that comply with the SAP Fiori design guidelines.")

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we add an instance of the `sap.f.FlexibleColumnLayout` control in

**An empty instance of the sap.f.FlexibleColumnLayout control**

![](images/loio533d16592a7046e195278bf367507756_HiRes.png "An empty instance of the sap.f.FlexibleColumnLayout control")
![](images/loio533d16592a7046e195278bf367507756_LowRes.png "An empty instance of the sap.f.FlexibleColumnLayout control")

***

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we create the list view of the app using `sap.f.DynamicPage` contr

**List page with sap.f.DynamicPage**

![](images/loiob31948bf54134343bfcb5dc64e00a1e1_HiRes.gif "List page with sap.f.DynamicPage")
![](images/loiob31948bf54134343bfcb5dc64e00a1e1_LowRes.gif "List page with sap.f.DynamicPage")

***

Expand Down
2 changes: 1 addition & 1 deletion docs/Step_4_Adding_a_Detail_Page_4e4315c.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we add an empty detail page.

**List Page with Empty Detail Page**

![](images/loio10dec0cd47ca4a6fb9ce1caf2ba768e3_HiRes.gif "List Page with Empty Detail Page")
![](images/loio10dec0cd47ca4a6fb9ce1caf2ba768e3_LowRes.gif "List Page with Empty Detail Page")

***

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ Compared to `sap.f.DynamicPage`, the `sap.uxap.ObjectPageLayout` can provide a m

**ObjectPageLayout with dynamic header for the detail page**

![](images/loioda38488f47f941a0b53509d22ef9027c_HiRes.gif "ObjectPageLayout with dynamic header for the detail
![](images/loioda38488f47f941a0b53509d22ef9027c_LowRes.gif "ObjectPageLayout with dynamic header for the detail
page")

***
Expand Down
2 changes: 1 addition & 1 deletion docs/Step_6_Adding_a_Floating_Footer_555ed73.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we add a floating footer to the detail page.

**ObjectPageLayout with a floating footer**

![](images/loio24122e039ed14a7a874ec26d0cf51614_HiRes.png "ObjectPageLayout with a floating footer")
![](images/loio24122e039ed14a7a874ec26d0cf51614_LowRes.png "ObjectPageLayout with a floating footer")

***

Expand Down
2 changes: 1 addition & 1 deletion docs/Step_7_Routing_7f65131.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we utilize the `sap.f.routing.Router`.

**Changing layouts based on the sap.f.routing.Router \(no visual changes to last step\)**

![](images/loio24122e039ed14a7a874ec26d0cf51614_HiRes.png "Changing layouts based on the sap.f.routing.Router (no
![](images/loio24122e039ed14a7a874ec26d0cf51614_LowRes.png "Changing layouts based on the sap.f.routing.Router (no
visual changes to last step)")

***
Expand Down
2 changes: 1 addition & 1 deletion docs/Step_8_Enhancing_the_Detail_Page_e5ee491.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ With routing implemented, the model of the detail page is updated for each produ

**Enhanced detail page displaying information specific to the selected product**

![](images/loiob687506e7e55437193741a31ff739b7b_HiRes.gif "Enhanced detail page displaying information specific to the selected
![](images/loiob687506e7e55437193741a31ff739b7b_LowRes.gif "Enhanced detail page displaying information specific to the selected
product")

***
Expand Down
2 changes: 1 addition & 1 deletion docs/Step_9_Adding_a_Detail_Detail_Page_e4d21fd.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ In this step, we create a detail-detail page using `sap.f.DynamicPage`, which is

**Detail-detail page displaying the name of the selected supplier**

![](images/loio30466794b2164305a9693ccd23af0380_HiRes.gif "Detail-detail page displaying the name of the selected supplier")
![](images/loio30466794b2164305a9693ccd23af0380_LowRes.gif "Detail-detail page displaying the name of the selected supplier")

***

Expand Down
Loading

0 comments on commit 8b6c57a

Please sign in to comment.