cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Custom apps displayed as blank page

Former Member

on ‎03-01-2016 10:02 AM

0 Kudos

Hello Experts,

I created several custom apps from templates in the SAP Web IDE. I didn't Change the code after the creation.

When I run any of the apps in the Web IDE, it works as it should. I made sure I run it with my Server Data and not with mockdata.

After deploying them onto my ABAP System I tried to test the BSP-Applications in SAP GUI in Transaction SE80. But most of them only show the backgroung without any elements. Only the Apps that are created with template Version 1.26 are displayed correctly. Any Version above that is blank.

I wanted to embed the apps into the launchpad to test if they displayed correctly in there, but I noticed that only the apps with Version 1.26 have the SAP-UI5-Component declared within the Component.js.

What should I enter as Component for Apps with Version 1.28 and above, when I want to add them to the launchpad?

Regards

Tobias

Show replies
Show replies
Answer

Accepted Solutions (0)

Answers (2)

Answers (2)

Former Member
‎03-03-2016 1:01 PM
0 Kudos

I checked the Chrome developer tools for error messages when I run the App and I get the following error: 'sap.ui.require is not a function' thrown in index.html.

Any suggestions why there is a problem with this?

Here is the code from my index.html:



<!DOCTYPE html>


 <html>


 <head>


   <meta http-equiv="X-UA-Compatible" content="IE=edge" />


   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>


   <meta name="viewport" content="width=device-width, initial-scale=1.0" />


   <title>Exclude Test</title>




   <!-- Bootstrapping UI5 -->


   <script id="sap-ui-bootstrap"


       src="resources/sap-ui-core.js"


       data-sap-ui-libs="sap.m"


       data-sap-ui-theme="sap_bluecrystal"


       data-sap-ui-compatVersion="edge"


       data-sap-ui-resourceroots='{"ZUI5_EQUIPMENT": "."}'


       data-sap-ui-frameOptions="trusted">


   </script>




   <script>


     sap.ui.getCore().attachInit(function () {


       sap.ui.require([


         "sap/m/Shell",


         "sap/ui/core/ComponentContainer"


       ], function (Shell, ComponentContainer) {


         // initialize the UI component


         new Shell({


           app: new ComponentContainer({


             height : "100%",


             name : "ZUI5_EQUIPMENT"


           })


         }).placeAt("content");


       });


     });


   </script>




 </head>




 <!-- UI Content -->


 <body class="sapUiBody" id="content">


 </body>


 </html>
Show replies
Show replies
saurabh_vakil
Active Contributor
‎03-01-2016 1:43 PM
0 Kudos

Hi Tobias,

So for the apps where the SAPUI5 version is 1.28 and above do you not have a Component.js file?

Regards,

Saurabh

Show replies
Show replies
Former Member
‎03-01-2016 1:58 PM
0 Kudos

Hello Saurabh,

I do have a Componen.js file but it's missing a line like " jQuery.sap.declare("ZZZ.Component") ".

I basically followed this guide: http://scn.sap.com/docs/DOC-55927

In point 7 and 8 it states that I need to enter the Component ID in the Additional Information field.

I assume that the latest Generations of Apps still have this Component ID but I don't know where to find it.

Regards

Tobias

Ask a Question