My Team Calendar shows blank screen in Local Web IDE preview

[Former Member]

Hi Expert,

I tried to extend My Team Calendar with Local Web IDE but encounter error where it shows blank screen after selected index.html and click the Run green button. This can be showed in the below screenshot.

But if I selected localindex.html then only click the Run green button, it shows My Team Calendar preview correctly. This can be illustrated with the below screenshot.

The version I have for this extension as below:

1) Local SAP Web IDE = 1.12.8

2) SAPUI5 = 1.28.13

3) HR Apps = UIHR001 SP02

4) UI Component = SAP_UI 740 SP13

Please share your knowledge how to fix the blank screen before I can proceed to extend My Team Calendar application. Thanks.

Best Regards,

Swee-Tiong Ng

[Former Member · Accepted solution]

Hi All,

SAP replied that there is a bug with My Team Calendar index.html file, this will be fixed in future release. The work around given for this issue as below:

1. In SAP Web IDE, replace index.html with localindex.html, this will allow you to extend the application via Tools --> Extensibility Pane
2. Deploy the extended application to Gateway System.
3. In Fiori Launchpad Designer, create Target Mapping. In the Target section,  choose SAPUI5 Fiori App and enter as below:
   1. Title: XXX (Anything suitable)
   2. URL: /sap/bc/ui5_ui5/sap/ZHCM_TEAM_CAL or /sap/bc/ui5_ui5/sap/ZHCM_TEAM_CAL/webapp (if you extend with HANA Cloud SAP Web IDE)
   3. Component: hcm.myteamcalendar.HCM_TEAM_CALExtension
4. Then you should able to launch the app via Fiori Launchpad.

Problem Solved!!!

Best Regards,

Swee-Tiong Ng

[RameshShrestha]

Hi Swee Tiong Ng,

It might be possible that the required library for calender might not be included into the index.html while in localindex.html it might contain the calender library. Also check if you are loading the library in the component.js of your application.

You can check by pressing F12 debugging mode in the console. You might get the error over there when running directly by pressing Run button.

[Former Member]

Hi Ramesh,

I can see the below error, could this be the cause?

[RameshShrestha]

Hi Swee Tiong Ng,

Your Component.js seems to have some error. you can check "StartupParameter" property defined there. May be the UI for which you have assigned this property is not loaded before it is called.

[Former Member]

Hi Ramesh,

Since this is a SAP Standard Fiori application, is there a way for me to where is the "StartupParameter" is defined?

Best Regards,

Swee-Tiong Ng

[RameshShrestha]

Hi Swee Tiong,

I saw that parameter in your error. I am not sure but it seems to be error from some library. So suggesting you to add the library parts in Component.js

[Former Member]

Select your project then run, not your index.html or localindex.html file. please share the outcomes.

[Former Member]

Hi Adem,

It prompts to choose index.html or localindex.html file to run.

Best Regards,

Swee-Tiong Ng