Page Map
In the previous article of this tutorial, the author introduced the detailed steps to add custom columns to the Fiori Elements List Report application by using the functions provided by the Application Modeler contained in the SAP Fiori Tools tool .
We select a Fiori Elements project in Visual Studio Code, and select it in the command bar Show Page Map
to intuitively display the technical details of the currently selected Fiori Elements application in a graphical interface:
If you follow the author's tutorial and add custom columns to the Fiori Elements List Report application, the Page Map of the project in Visual Studio Code will be displayed as shown in the figure below. Click on the pencil symbol highlighted in red:
You can see our newly added custom column:
However, when some friends use the Page Map function, they sometimes encounter the problem that the Page Map cannot be opened, that is, a blank screen like the one shown below, without any content displayed:
The rest of this article introduces in detail the implementation principle behind the function of Page Map provided by Application Modeler of SAP Fiori Tools, and how to troubleshoot when encountering problems.