on 07-13-2014 1:38 PM
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
I am facing the same problem, did you find the solution?
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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:
Regards,
Ritesh
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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?
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?
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.
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
User | Count |
---|---|
84 | |
23 | |
11 | |
9 | |
8 | |
5 | |
5 | |
5 | |
5 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.