cancel
Showing results for 
Search instead for 
Did you mean: 

Extend/Change the Standard Fiori App code

Former Member
0 Kudos

Hi,

We have implemented FIORI App in our SAP landscape.After implementation app is running fine.I want the change the standard FIORI App code for a specific app like change the label,change the Background Image,Change the Font style etc.I googled and made changes according to the article provided.

Steps done to change the Standard app code.

1)Downloaded the source code and uploaded in eclipse.

2)Created a Extension Project and replaced the entire view with my new view.

3)Shared the project and submitted the changes in gateway system.

4)Created semantic object and other things required to show the custom app on launch pad.

5)But when I click on custom app developed on the Launch pad it is navigating to a blank screen with no UI elements.But standard app is working fine.

So please tell me the correct procedure to change the app and show it on Launch pad.

Tags edited by: Michael Appleby

Accepted Solutions (0)

Answers (2)

Answers (2)

Former Member
0 Kudos

I am facing the same problem, did you find the solution?

Former Member
0 Kudos

Hi,

If you have access to SAP Web IDE .Try the below link.

Regards,

Ritesh

Former Member
0 Kudos

Hi Akhil,

Can you please check the error message that you are getting in the browser(press F12 in browser to see the error message in the browser console tab).

You can also refer to the following link to ensure that you followed the correct steps:

Click here

Regards,

Ritesh

Former Member
0 Kudos

Hi Ritesh,

I am getting the error like "failed to load the resource Component-preload.js".

But in the documentatation that I followed, when extending the standard Fiori app there is no need to create Component-Preload and Configuration.js files

Share one example on extending a fiori app.

Former Member
0 Kudos

Hi Akhil,

Please refer to this link:

Click Here

Former Member
0 Kudos

Hi Ritesh,

I followed the same link and extended the Approve Leave Request App. But a blank screen is displayed when I click on Custom Fiori App in Launch Pad.Also error message that I mentioned earlier( "failed to load the resource Component-preload.js".) is displayed.

1) Do I need to create Configuration and Component-preload files in Custom fiori app.If yes,What is the code to be written in those files?

2) Do I need to write any extra code other than mentioned in the link in the Component.js file?

Former Member
0 Kudos

Hi Akhil,

You don't need to create a Component-preload.js file and in case you are not using a different odata service no need of configuration.js file also.

You need to add the below sample code (modify based on your requirement) in the customizing part as per your need.

customizing: {    

            "sap.ui.viewExtensions": {

                   "samples.components.ext.sap.Sub2": {  

                      "extension2": {

                       className: "sap.ui.core.Fragment",    

                        fragmentName: "UIExtension.CustomFrag1",    

                     type: "XML"         

                 },        

           "extension3": {

                       className: "sap.ui.core.mvc.View",

                     viewName: "samples.components.ext.customer.CustomSubSubView1",

                                type: "XML"                 }                }         },  

              "sap.ui.viewModifications": {

                   "samples.components.ext.sap.Sub3": {        

                     "someCustomizableTextControl": {                        "visible": false                 }             }            },

              "sap.ui.viewReplacements": { 

                "samples.components.ext.sap.Sub1": {

                 viewName: "samples.components.ext.customer.CustomSub1",

                type: "XML"             }         },

                "sap.ui.controllerExtensions": { 

              "samples.components.ext.sap.Main": {      

               "controllerName": "samples.components.ext.customer.MainExtension"             }         }     }

Is the application working fine on your local system?

Former Member
0 Kudos

Hi Ritesh,

The following is the code in Component.js that I wrote.Please tell me whether it is correct or not.I extended the App HCM_LR_APV(Approve Leave request)

jQuery.sap.declare("hcm.mgr.approve.leaverequests.HCM_LR_APVExt.Component");

sap.ui.component.load({

  name: "hcm.mgr.approve.leaverequests", 

  url: "/sap/bc/ui5_ui5/sap/hcm_lr_apv"

});

hcm.mgr.approve.leaverequests.Component.extend("hcm.mgr.approve.leaverequests.HCM_LR_APVExt.Component", {

  metadata: {

  version : "1.0",

  config : {

  "sap.ca.i18Nconfigs": {

  "bundleName":"hcm.mgr.approve.leaverequests.HCM_LR_APVExt.i18n.i18n"

  },

  },

  customizing: {

  "sap.ui.viewReplacements": {

  "hcm.mgr.approve.leaverequests.view.S2": {

  viewName: "hcm.mgr.approve.leaverequests.HCM_LR_APVExt.view.S2Custom",

  type: "XML",

  },

  },

  }

  }

});

Its not working in eclipse also.Its giving the same error "failed to load the resource(Component-preload.js) and screen is blank.

Former Member
0 Kudos

Hi Akhil,

Have you downloaded the dependent project in your eclipse environment?

Regards,

Ritesh

Former Member
0 Kudos

Hi Ritesh,

Following are the steps I followed in extending a Fiori App.

I am trying to extend HCM_LR_APV(Approve Leave request ) app.

So I downloaded HCM_LR_APV BSP Application.

I uploaded in Eclipse IDE .I created an Extension Project(ZHCM_LR_APV) for this.

For testing I tried to change the Icon in one of the view.

So I replaced the S3 view by placing the Original Code same and changing the Icon only.

In Component.js file I gave the path to the parent application in Load function.See the below code for your reference.

jQuery.sap.declare("hcm.mgr.approve.leaverequests.CUST_HCM_LR_APV_EXT.Component");

sap.ui.component.load({

  name: "hcm.mgr.approve.leaverequests",

  url:"/sap/bc/ui5_ui5/sap/hcm_lr_apv",

});

hcm.mgr.approve.leaverequests.Component.extend("hcm.mgr.approve.leaverequests.CUST_HCM_LR_APV_EXT.Component", {

  metadata: {

  version : "1.0",

  config : {

  "sap.ca.i18Nconfigs": {

  "bundleName":"hcm.mgr.approve.leaverequests.CUST_HCM_LR_APV_EXT.i18n.i18n"

  },

  },

  customizing: {

  "sap.ui.viewReplacements": {

  "hcm.mgr.approve.leaverequests.view.S3": {

  viewName: "hcm.mgr.approve.leaverequests.CUST_HCM_LR_APV_EXT.view.S3Custom",

  type: "XML",

  },

  },

  }

  }

});

Then I submitted the changes and tested the Custom BSP Application.But I am getting the error as below

Error Message:


Failed to load resource: the server responded with a status of 404 (NOT FOUND) http://sapfiorisrvr.domain.com:portno/sap/bc/ui5_ui5/sap/zhcm_lr_apv_ext/Component-preload.js

Thanks&Regards,

Akhil Das

Former Member
0 Kudos

Hello Akhil,

Were you able to resolve this error.

I am getting the same error and stuck on the same.

Please reply.

Best Regards,

Rahul