Product Information
UI5ers Buzz #55: Adaptation Project – your one stop tool for extending SAPUI5 Applications
Whether you have already been using Adaptation Project in SAP Web IDE and want some fresh features, or you are trying to find the right tool to adapt applications to customer/partner specific needs, look no further. It’s all now available at SAP`s brand new development platform – SAP Business Application Studio. By using it, you are leveraging features of UI5 Flexibility and able to adapt and extend UI5 applications without actually changing the base app, which allows seamless upgrades and lifecycle stability. Adaptation project also comes with an intuitive WYSIWYG tooling and is really fun to use and you are able to add both UI and code changes to your own variant of the application.
Except availability on the new platform, there are a couple of new features available:
- Support for extension points – The so-called extension points were previously matter of another plugin – Extension Project. Its abilities are being brought to Adaptation Project, so it becomes the unified one and only tool for extension and adaptation. This feature is also now available in SAP Web IDE and SAP Business Application Studio.
- Support of Freestyle applications – Till now, it was possible to extend only Fiori Elements-based applications, but from now on you have the ability to extend also Freestyle applications. This feature is now available in both SAP Web IDE and on SAP Business Application Studio, as well.
Let’s go over a simple use case of Adaptation Project on the new platform:
- Create adaptation project using one of the Yeoman generators available in SAP Business Application Studio. The wizard will guide you through the process and you will be asked to add the initial properties of your project – name, source system, base app, etc.
- You can start the visual editor which will enable you to both preview and edit the application. The possibilities are the same for both SAP Fiori elements-based and Freestyle applications and you can extend them in the same manner – you can adapt UIs, e.g. add/move/remove fields, rearrange sections or even embed iframes, change control properties, extend i18n texts, add custom content via XML Fragments, etc. You can extend also controllers by using the right-click option “Extend with controller”.
- It’s also possible to use extension points (if the base app has such). XML Fragments can be added using the “Add Fragment at Extension Point” option from the context menu, when right-clicked over an extension point.
From now on you can use Adaptation Project to benefit from these great capabilities.
You can also take a look at these great posts that explain the broader idea of extending applications with Adaptation Project and give practical example of controller extension:
SAP Fiori Elements: Adaptation Project – Adding a Custom Filter to the List Report
For the complete set of features and technical details you can always refer to the official documentation pages:
Adaptation Project at SAP Web IDE
Adaptation Project at SAP Business Application Studio
Update 14.06.2021: SAPUI5 flexibility offers capabilities for developers, key users and end users to adapt SAPUI5 applications. This includes the creation of adaptation project in SAP Business Application Studio. The prerequisites are given in Create an Adaptation Project, the technical prerequisites for the respective apps are described in SAPUI5 Flexibility: Enable Your App for UI Adaptation. Very few standard apps from SAP are missing these prerequisites and SAP is working on providing these. Until then you can continue to use an extension project in SAP Web IDE, personal edition or in your productive SAP Web IDE Full-Stack.
Previous Post: UI5ers Buzz #54: I18n with supportedLocales and fallbackLocale configuration
Author
 Hristo Tsolev is product owner in CP Extensions team and the Flexibility area. Always looking to improve the customer experience. |
Cool ?
thx Hristo!
Hi Hristo,
I am logged on SAP CPC with my S-User and in SAP Business Application Studio (trial) I have tried all 4 types of Dev Spaces and every time, the options “Adaptation Project” and “Deploy Adaptation Project” are missing. I also installed all Fiori and UI5 related generators but the “Adaptation” options were still missing.
Thanks,
Darko
Hi Darko,
The plugin is still not available on Trial environment, but it will be very soon. Please check again around end of September.
Thanks for your interest in Adaptation Project.
Hi Hristo,
it is planed to add support for adaptation projects to the VSCode plugins too?
Thanks and Regards
Christian
Hi Christian,
thanks for your interest in Adaptation Project.
I am not sure if I am getting your question right, but if it is about is the adaptation project going to be offered as a standalone plugin for VSCode - yes, it is in our roadmap for next year.
Regards,
Hristo
Hi Hristo,
i am looking forward to it, thank you 🙂
Regards,
Christian
Same here 🙂
Good to hear!
Is it on a public roadmap? If so, could you provide a reference to it?
Regards,
Pieter
Hi Pieter,
Unfortunately, not officially yet.
Regards,
Hristo
Hi Hristo,
you know why i get this error when I select the system from the dropdown menu (step "Adaptation Project - Configuration")?
Regards,
Moreno
Hi Moreno,
is this happening when trying to connect to a specific system, or just a general problem that happens to you no matter of the system chosen ?
Regards,
Hristo
Thanks for your reply.
I tried with a second system and i get the same error.
Regards,
Moreno
Hi, that is somewhat strange.
If you have access to WebIDE, you can try connecting with the same system (just to check if your destination to the system is set in a proper way in the cockpit). The other option for you is to send me a HAR file from your browser recorded while trying to access system and get this error and we can try to further investigate it.
Hi Moreno,
After some investigation we confirmed that its a problem on our side. We have already released a fix for this issue, you can check up again and this should not happen anymore.
Regards,
Hristo
Hi Hristo,
Do you have any suggestions for solving this problem?
yo @adaptation-project/adaptation-project-deployment
TypeError: Cannot read property ‘0’ of undefined
at DeploymentGenerator.<anonymous> (/extbin/npm/globals/lib/node_modules/@adaptation-project/generator-adaptation-project-deployment/generators/app/index.js:100:70)
at Generator.next (<anonymous>)
at fulfilled (/extbin/npm/globals/lib/node_modules/@adaptation-project/generator-adaptation-project-deployment/generators/app/index.js:5:58)
at process._tickCallback (internal/process/next_tick.js:68:7)
Thanks
Hello Fatih,
It does not seem like a known issue. Can you please submit a support ticket and we will handle your issue right away, thank you.
Regards,
Hristo
I have a similar issue when trying to extend the following app on a S4H system: fin.ar.lineitems.display (UI5 version: 1.78.8)
Dear Hristo,
In case of Freestyle Standard UI5 Apps, How can we use the extension points(Add Fragments at extension point) option in Adaptation projects. There is one standard Fiori app called ''Request Maintenance(App ID: F1511). I created Adaptation project for the same and i am not able to see available extension points in the SAPUI5 Visual Editor outline. Can you please assist?
Regards
Robin Singh
As we were already in contact in the support system, there is a bug on this feature and is currently in the process of fixing.
So, how’s it going with the bug? I’m still facing this problem…
Hi Lukas, these problems were fixed as part of UI5 version delivery. So, you shouldn't face them if you use UI5 version 1.78.17 or 1.84 and above.
Regards,
Hristo
HI Hristo, thanks for the quick reply. It indeed worked when I created a new project with that version. Is that only an issue in BAS or does the FLP also need to have this version for the extension to work properly?
Also another question. I also tried to extend the PM Notification app that was mentioned by Robin (https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F1511')/S18OP) and it works fine. But when I want to adapt my own custom app BAS says the following:
What exactly is the issue or what does BAS check here explicitely? My app is a simple freestyle test app with a button, a view extension point and a controller extension method.
Hi,
for the first question: If the previously missing ext. point was part of a template, than you need the newer version for the FLP also.
for the second question: This error message is being shown if the app manifest does not have 'sap.ui5' section or you are having the 'flex_enabled' flag set to 'false' in your manifest 'sap.ui5' section.
Regards,
Hristo
Hi Hristo Tsolev ,
I also have the same question as posted by Robin above regarding extension points in SAPUI5 Freestyle apps in Business Application Studio Adaptation project. And also in case of Extension Projects will they also be saved as App Variants like Adaptation Projects or will it behave the same way as in R3 system. Please help me to understand this
Thanks,
Kavita Rathore
Hi, Robin`s question/problem is handled in a support ticket, there is a bug in that case which is currently in the process of fixing. On your other question : from now on, whether working with extension points or not, each of your Adaptation project will be saved/deployed as its own app variant and will not have anything to do with the old way of extension project.
Hi Hristo,
I am having issue to open SAPUI5 visual editor for adaptation for SAP standard app Approve timesheet. It is keep on loading the editor and never loading it. I saw it is not showing any error. Is it a know issue? I didn’t find any issue related thread.
Thanks
Guru
Hello Guru,
It does not seem like a known issue. Can you please submit a support ticket and we will handle your issue right away, thank you.
Regards,
Hristo
Hello Hristo Tsolev and Guru Matharoo,
were you able to resolve this issue or is there a support ticket (couldn't find one)?
I am coming across this error everytime I am trying to open the visual editor in the adaptation project.
Thanks and regards,
Ridvan
Hi Ridvan
Can you show some screenshot of your browser console, when the visual editor is stuck ?
Regards,
Hristo
Hi Hristo,
this is all I have. It gets stuck in the loading screen when trying to adapt the app "Manage Business Partner".
Also facing the same issue with the same app on my system.
Just to add to that, the other day I've tried to extend "Manage Prices - Sales" app, and when I added the extension controller, after this loading screen that says "loading with controller extension" it looks the extension faces an error and nothing is shown afterwards. If I remove the controller it works again.
Hi Jorge,
Also, can you please show the browser console so I can see what errors are being displayed there and check for possible solution or diagnose?
Regards,
Hristo
Hi Hristo,
thanks for your reply!
Sure, related with the BP I have this:
For the Manage Prices - sales, I got this:
This last one happens due to this line here: var oExtensions = this["_sapui_Extensions"]; returning undefined.
Thank you and Regards,
Jorge
Hi Jorge,
that does not seem like a common problem and need to be investigated further. Could you please submit support ticket to CA-UI5-FL-ADP-BAS.
Regards,
Hristo
Hi Ridvan,
Can you please show a screenshot of the console of the browser developer tools (where the javascript errors are displayed), so I can try to diagnose what are the problems that might lead to such hanging.
Regards,
Hristo
Hi Hristo,
here is the output of the console.
Thanks,
Ridvan
Hi Ridvan,
This error should not prevent Visual Editor from loading, it might just get some text not translated in the right manner.
So, there should be another error, can you also show screenshot of the network tab of the developer tools, and more specifically of the requests there that didnt get completed.
Regards,
Hristo
Hi Hristo,
although there are lot of errors in the network tab, the SAPUI5 Visual Editor loads in "Preview".
It only stops loading when I click on "Edit" mode on the top right corner. I also get the Information popup saying
"Higher-layer changes are available for this app. In UI adaptation mode, the app will not reload without these changes."
I have attached the according screenshots.
Thanks for your support,
Ridvan
Hi Ridvan,
The 'higher layer...' problem means most probably that the actual problem is in the base application - they have introduced changes in layer higher than the one the Visual Editor produces and this causes it to not load. I cannot view what is the application name/id just from the screenshots, so can you please provide me with the app name/fiori id, so we can try to contact the team responsible for it and try to find a solution.
Regards,
Hristo
Hi Hristo,
the application is following:
Manage Business Partner Master Data - F3163
https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F3163')/S21OP
Thanks and regards,
Ridvan
Hi, everyone.
I've been facing the same issue trying to edit an adaptation project for standard application Manage Journal Entries (F0717).
Application details
Issue when trying to edit
Console details (Last error "reading 'getSelector' " happens after click on "Edit" button)
Hi Ridvan,
Can you please create a support ticket for that, I will make sure it is handled with priority.
Regards,
Hristo
Hi Hristo Tsolev and Ridvan Atacan can you please share here the solution when the ticket is solved? We have created the ticket and we got no response so far. 🙁
Hi Jorge,
can you please send me the number of your ticket?
Regards,
Hristo
Hi Hristo,
thanks again for your quick reply. Sadly it makes sense that we didn't get the reply as the ticket was not correctly created, but it is now:
786055 / 2021
Thanks for your support, this will be an issue for us in a near future as we have in a few standard apps to extend in pipeline for our greenfield implementation. We have already contacted SAP reporting these BAS issues (not via support ticket) but we didn't have any clarity on this and it's great to have this channel.
Hi Hristo Tsolev
do you still want me to create a ticket or is the one from Jorge sufficient?
Btw, I can't find the ticket, could you provide a link to it Jorge Carvalho?
Regards,
Ridvan
Hi Ridvan.
Yes, please create a ticket, as it might need to go to a different team , in case of different applications/debug log errors , etc.
Thanks,
Regards,
Hristo
Hello,
just a quick update on this topic from SAP ticket, Adapt UI Team:
"So this will need the application team, as they have to make a correction on their applications to get this corrected so you can adapt the application. I will forward this over to the Application team for Manage Business Partners Master Data.
For "Manage Price - Sales" you will need to open a second incident in this component. SD-MD-CM Please attach your document there as well. That team will need to look at their app and its extension"
Regards,
Jorge
Hi Hristo Tsolev,
When I click on "Edit" button It stops loading and also I can see the popup information as below
Note: I am facing this issue in SAP Web IDE Full stack account.
Please find below the Fiori Application details:
My Travel Requests (Version 2)
Issue
Hi Hristo,
I am having an issue opening SAPUI5 visual editor for adaptation of a SAP standard app in BAS. I am getting the below error. Could you please assist?
“An error has occurred: Error: Request failed: error URI: destinations//sap/bc/lrep/actions/getcsrftoken/”
Thanks
Ravindra
Hi Ravindra,
please try to clean your cache and cookies for your browser and try again. Or open incognito session on your browser to be sure you are using a brand new session and the issue should be solved.
Regards,
Hristo
Hi Hristo,
Will it possible to run the Adoption Project after making changes on BAS. Does I need to make some configration before i test. Actually I tried to create run configration but I am getting message There are no runnable resources.
With best regards,
Mahendra
Hi,
You can use the preview functionality (the tab labeled PREVIEW next to the one labeled EDIT) of Adaptation Project in order to see your application running.
Regards,
Hristo
Hi Hristo
I logged on SAP CPC with my S-User and in SAP Business Application Studio (trial version) I have tried to adapt the project for my S/4 Hana on-premise. I have checked the destination connection successfully. Unfortunately in the adaptation project Configuration area, select applications dropdown returns "No Data Available ." If I missed anything, please let me know.
Adaptation
Thanks
B
Hi Bhaskar,
Try removing your authentication method from the destination configuration, set it to 'no authentication'. If you start again the Adaptation Project Generator, you will be this time asked here in the generator for your user and password for the destination and if they are entered properly you will be presented with the list of available apps, or if not you will be provided with proper error message for your usage of credentials.
Regards,
Hristo
Hi Hristo
Thank you for your reply.
I have changed the basic authentication to ‘no authentication’ in the destination configuration. I have created a Fiori element project using the backend OData service, but the Adaptation project configuration getting the 403 forbidden error.
403 error
Thanks,
B
Hi Bhaskar,
It seems that the user you are trying to use is lacking some rights. The application list is supposed to be retrieved from '/sap/bc/ui2/app_index' path in your destination/system. Please check if this path is accessible for this user.
Regards,
Hristo
Thanks Hristo.
I was getting the "No Data Available" error in the applications list. /sap/bc/ui2/app_index was missing in cloud connector. This got resolved after I added /sap in cloud connector. (added in cloud connector-> cloud to on-Premise -> Resources of ... section)
I am using CAL S4HANA 2020 trial (Azure) + BAS trial + Cloud connector
Thanks Hristo,
this was exactly the problem we had... Subpath was not entered in the Cloud Connector.
Greetings
Hi Hristo
I have a right to access the 'sap/bc/ui2/app_index' path, but I am not getting the existing applications from the system. I have checked with the authorization team also.
Thanks in advance.
Thanks,
B
Hi Bhaskar,
It is then a not known issue. In order for us to further investigate it deeply, could you please submit a support ticket to our component : CA-UI5-FL-ADP-BAS and it will be handled accordingly, thanks.
Regards,
Hristo
Hi Hristo
Thanks for your help.
I have resolved my issue. I found the problem which was that I missed some of the URL paths in the cloud connector.
Thanks,
B
Hi Hristo,
Is it possible to use an adapt project to adapt a s4hana cloud app and deploy it back to S4HANA CLOUD ? If yes, is there any document about this ?
Best regards!
Jacky Liu
Hi Jacky,
No, it is not possible. Adaptation Project currently supports only S/4 OnPremise systems.
Regards,
Hristo
Hi Hristo,
It seems impossible to create an adapt project for S4hana cloud fiori app. It is a pitty .
Prerequisites
Currently adaptation projects are supported only on on-premise ABAP systems with the minimum required version of software component being SAP_UI 7.53 SP00. Have in mind that, if you have SAP_UI 7.53 SP00 installed, you need to apply the SAP note 2615176
, and implement the manual correction instructions to enable the system. If you are on SP01 or higher, no actions are needed.
The minimum SAPUI5 version must be 1.71.
Hi Jacky,
Yes, you are right. S4Hana Cloud environment is still not supported by Adaptation Project.
Hi Hristo Tsolev
If some action from S4HC side can take to make adapt project for S4hana cloud fiori app, it would be great .For example,creat a adapt project for S4hana cloud and deploy it in SCP launchpad .
Jacky Liu
Hi Hristo Tsolev
thank you for sharing this post! I am currently trying to extend a self developped app in the cloud environment without underlying S4 HANA System right in SAP Business Application Studio. I used this approach which does not work ( as it apparently only refers to SAP WEB IDE):
Adding Custom Actions Using Extension Points - SAP Help Portal
From your Post I understand that SAP Adaptation Projects only apply to standard Fiori Apps coming from a SAP S4 HANA System. How can I extend self developped apps right in BAS? Each time I created an adaptation project I was asked to enter a System which I do not have as there is no Backend System connected. If the adaptation project is not the way to implement an extension point for my app how else could I do it in BAS?
I would be very grateful to receive an answer!
Hi Max,
The Adaptation Project can be used for extending only Fiori Elements based applications or Freestyle applications. You should have them deployed to a system, so it can load it up from there.
you should check out another approach - Fiori Tools - https://blogs.sap.com/2020/08/03/sap-fiori-tools-sapui5-freestyle-app/
Regards,
Hristo
Hi Hristo Tsolev
thank you for the answer. I have a current Fiori Elements App. I would like to implement a custom Button with a controller. js logic file in it without changing the whole App to a Freestyle app. I assume this could be easily done with an adaptation project. I do not see this option via fiori tools. Unfortunately adaptation projects only work for standard apps from an S4 system. Is there any way how I can implement that without an S4 System connected? e.g. with an additional Destination that I use as the system?
Hi Max,
No, currently Adaptation Project supports only loading application from a system. If you setup just some destination that 'mimics' system it will not have the APIs needed for Adaptation Project to work.
Regards,
Hristo
Hi Hristo Tsolev,
How to delete an app variant if the system isn't in SAP_UI 7.55 yet (I can't use report /UI5/DEL_ADAPTATION_PROJECT)?
What I want is to deploy a newer version of an existing variant but I read it's necessary to delete first the previous adaptation project.
Kind regards,
Hi Enrique,
your question has been answered in https://answers.sap.com/questions/13295079/delete-adaptation-project-in-s4-on-premise-sap-ui.html
Regards,
Hristo
Hi Hristo Tsolev,
Is there any chance to have this available in VSCode or is this only running on BAS?
Hi Michael,
SAP have plans to implement it for VSCode, but currently, due to other higher priority requirements I cannot give you any specific timeline for it.
Regards,
Hristo
Hello Hristo Tsolev ,
We have an issue when extending a freestyle app using an adaptation project using Business Application Studio. Our UI5 version is 1.78.20
When adding a fragment using an extension point no additional changes file is created:
A new fragment file is created:
But no additional changes files to link the newly created fragment to the extension point.
What is going wrong here?
Thanks in advance!
Mattijs
Hi Mattijs,
This does not look like a known issue - can you please submit support ticket to CA-UI5-FL-ADP-BAS component, so you can provide more details about the system/app/setup, etc. Your ticket will be handled right away by our support team.
Regards,
Hristo
Dear Hristo Tsolev ,
Do you know how to open the existing SAP UI5 application(e.g. BPC4WEBCLIENT) on the bw4 system using VS code? Many thanks.
Regards
Min
Hi Min Zeng,
If you mean to open this app as basis for SAPUI5 Adaptation Project - It cannot be done in VSCode - Adaptation Project plugin is not yet available for it. You can use it in SAP Business Application Studio for now.
Regards,
Hristo
Dear Hristo Tsolev,
Can you please help me out deploying the design time adaption projects to on-premise system.
Thanks and Regards,
Karteek
Hi Karteek,
Have you checked the official documentation page for that ?
https://help.sap.com/viewer/584e0bcbfd4a4aff91c815cefa0bce2d/Cloud/en-US/420da4b6a7f047eea57608b0d37037ab.html
Regards,
Hristo
Hi,
I'm using Sap Business Application Studio on Cloud Foundry enviroment with a trial user.
I created Dev space giving all the available tool for SAP Fiori but The Yeoman Generators is not available from menu.
What I need to do to install it ?
thanks and regards,
Davide
Hi Davide,
Can you try accessing the generators from View/Find Command -> Open Template Wizard . There you should see all the available yeoman generators.
Regards,
Hristo
Hi Hristo,
there is an "Adaptation project" but it seems to me that is a litte bit difficult.
It ask to indicate an "MTA Project" and then a service name. It seems to me that is different from the Yoman template that I see in other tutorial(that are more simple, they ask only the application name that you want to adapt and the namespace ).
Is it the correct one ?
thanks and regards,
Davide
Hi,
You should choose your TARGET environment to be ABAP, and you will have the same experience as shown on tutorials. When you have chosen Cloud Foundry in the first step, you had chosen the path in the wizard for CF, so it has different steps.
Regards,
Hristo
Hi Hristo, thank you very much,
Davide
Hi Hristo,
I have already created the Adaptation in my BAS Account. The Project only has "manifest.appdescr_variant: file Only. When i Try to Run the OPEN SAP UI5 Visual Editor Command, I am getting Below Error.
"An error has occurred: Error: Request Failed: Forbidden URI: /destinations/DEW/sap/bc/lrep/appdescr_variant_preview/"
Any Idea on how to rectify it? It will be Great help.
Thank You,
Kumaran M
Hi Kumaran,
Please check if you have access to these:
https://help.sap.com/viewer/825270ffffe74d9f988a0f0066ad59f0/CF/en-US/5c3debce758a470e8342161457fd6f70.html
Also check if you have access to 'sap/bc/lrep/'.
You should have access to this paths in order to use the Adaptation Project and its Visual Editor.
Regards,
Hristo
Hi Hristo,
I forgot to update the Issue was resolved. it was my company Policy which blocked the Odata Call at the time of Opening SAP Ui5 Visual Editor. its cleared now.
Currently i am trying to Extend a Standard Fiori Application in the Business Application Studio. i can't see any option to create a new Extension project, instead i am choosing to go with Adaptation project. There i am finding Issue to modify the Existing View & Controller Files. I can't Access any of it. i can't run the Application in the Browser. Its only opened in SAP Ui5 Visual editor. Can't debug any changes i made. You have any Blogs or reference on that? it will be a great help.
Thanks,
Kumaran M.
Hi Kumaran,
Extension Project is no longer supported in BAS and the Adaptation Project is the way to go from now on.
Adaptation Project currently can be previewed only inside the Visual Editor and its Preview tab. We are working on the standalone opening of the project and it should be available, but I cannot give you any specific timeline for it.
What exactly is the issue that you are having while trying to extend a view or a controller?
Changes and code is debuggable as the Visual Editor starts in an iframe and you can use your browser's developer tools for example to debug it.
Regards,
Hristo
Hi Hristo,
Thanks for the Confirmation.
Currently i am trying to Add an Extension in the Fiori App. This is not a Fiori Element Based Application
Application URL: https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F3193')/S20OP
In the Below i am trying modify the Reference No Input Field. i am trying to add an Valuehelp to the Input.
In Sap Ui5 Visual Editor, i am trying to change the Property of the Input. But when I try to select the Field, the Whole View is getting selected. Like below.
I have created a Controller Extension for this Particular View.
I have multiple Methods in the Controller Like Public, Private, and Override Methods.
I have tried to access the Input Box Instance from my Extended Controller File. But Its not working.
I wanted to debug the Customized code in the Extended Controller File
As you mentioned, i can't run the app as standalone. this is where i am facing issue.
Can you help me with this?
Hi Kumaran,
We are not able to reproduce the problem internally. Look at our screenshot:
Unfortunately this is not a known issue and we will need some more info and maybe debug it together with you. Will you be fine to create a ticket for it, so we can handle it ?
Thanks,
Regards,
Hristo
Hi, everyone.
I generated an adaptation project for "fin.gl.documentdisplay" standard application on Business Application Studio and when I try to open SAPUI5 Visual Editor and preview it I'm getting the following message error:
"App could not be opened because the SAP UI5 component of the application could not be loaded."
"Failed to load UI5 component for navigation intent "#adaptationproject-display"
I checked on the navigator console the following error (404):
"Failed to load UI5 component for navigation intent #adaptationproject-display - failed to load 'fin/gl/documentdisplay/Component.js' from ../../resources/fin/gl/documentdisplay/Component.js: 404"
I don't know why this is happening and appreciate someone could help.
Thank you in advance.
error
Issue was fixed after Gergana Marcheva guidance below:
https://answers.sap.com/questions/13511803/business-application-studio-failed-to-load-ui5-com.html
Hi experts,
we are currently trying to build up an adaption project for an application which needs specific startup parameters for starting the application itself.
The question is now: How can we achieve to pass the parameters into the adaption project for opening it with the SAPUI5 Visual Editor.
Greetings & thanks
Stef
Hi Stefan,
As stated in our documentation (the 3rd point in the Note section) - currently Adaptation Project does not support such applications.
Regards,
Hristo
Ups! Read over this point!
Anyway! Thank you very much. We just passed a default parameter into the application 🙂
Hi Hristo,
I've been trying to add new custom columns and custom cell items to this SAP Fiori Elements application for ListReport view
https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F0869A')/S21OP
but I keep running into issues such as when using UI5 version 1.71.16 which is the same as in the S/4HANA system where I'm trying to deploy this adaptation project.
When running in version 1.71.16 using Web IDE Full-Stack the application is not starting at all due to this error below but by changing the version for example to 1.75.5 in project settings under SAPUI5 tab it starts fine. (even though when typing in console sap.ui.version it shows 1.71.20... ?)
The next issue where I ran is that in SAPUI5 Visual Editor no extension points for this application exist and I'm able to add fragment to the Table for custom columns and the custom columns are visible at least in the SAPUI5 Visual Editor but still seems to lack the support of custom cell items for custom columns.
Custom columns fragment
When adding fragment for items like this to the table items aggregation (I also tried the SmartTable items aggregation and didn't work either)
I get error "Log-dbg.js:456 2021-11-26 11:06:14.672800 Change 'id_1637917545274_116_addXML' could not be applied. Merge error detected while processing the JS control tree. - Error: The content of the xml fragment does not match the type of the targetAggregation: sap.m.ListItemBase"
I was able to get the columns to show but not cells.
While investigating this issue I did increase project UI5 version in web ide for example to 1.85.5 and I was able to see two extension points "ResponsiveTableCellsExtension|C_OutboundDeliveryCreate" and "ResponsiveTableColumnsExtension|C_OutboundDeliveryCreate".
Is the column and cell item extensions only available with higher UI5 version like 1.85.5 and higher and this version I have in the system 1.71 not supported or is there any other way to add few custom columns to the ListReport table?
I tried to deploy then with these two extension points but the columns were not visible at all in the system. (probably because of UI5 version)
I've tried to do the same using Business Application Studio but same issues there.
I would appreciate a lot if you can give few instructions on how to do this properly and is there another way or if I'm doing something wrong here.
Main goal is to extend the OData service and add few fields and display them in the application.
Best Regards,
Arianit
Hi Arianit,
The usage of extension points in Adaptation Project is available since 1.78 version of SAPUI5, you can take a look here at the official documentation for this: Add Fragments to an Extension Point
Also, as you see in the documentation, there is also a prerequisite for SAP_UI version to be at least 7.55. So, until you have lower version of both SAPUI5 and SAP_UI installed on your system, you will not be able to see the extension points working properly when deployed. The option for you until an eventual update is to test/preview them inside the SAPUI5 Visual Editor with SAPUI5 version adjusted to be 1.78 or above (as you have found out yourself).
The possibility for adaptation of the different types of controls is matter of the control themselves and might or might not be supported to some extent, but this should be described by the control documentation.
Regards,
Hristo
Hi Hristo Tsolev
Is there any workaround to leverage controller extensions for non Fiori elements standard apps (2nd remark on Controller Extensions) using BAS?
The app in question is ui.s2p.mm.requisition.maintain.s1. The visual editor allows us to create a controller extension (bug?) but it never gets loaded in the preview mode. Is there anything we can do about it? Using Web IDE is not an option.
Cheers
--jonas
Hi Jonas,
Actually, SAPUI5 Adaptation Project supports Freestyle applications too and you should be able to use the controller extensions with the application. However, not being able to load the created extension is not a known issue and will have to be further investigated - please create a ticket and it will be handled with the needed priority, thanks.
Regards,
Hristo
Hi Hristo Tsolev ,
Thank you for the post.
I am facing 2 major problem while developing and hope you can provide with some suggestiong.
And Please let us know, if there is any possibility of releasing this feature in VS-Code, as BAS take more time for each and every activity. Can you please share us the road map plan.
Regards,
Sandeep
Hi Sandeep,
On the points:
Regards,
Hristo
HI Hristo Tsolev
Using BAS to try and create an adaptation project for a freestyle app on Cloud Foundry.
I'm getting the following message when trying to select the MTA file
No adaptable business services found in the MTA.
Full details here:
https://answers.sap.com/questions/13599188/can-i-create-a-cloud-foundry-adaptation-project-fo.html
Any ideas?
Hi Adam,
Freestyle applications are available for adaptation if they reside on ABAP On-Premise system. If you want to adapt an application which resides on Cloud Foundry, as you have found it in the documentation, this should be app either developed by SAP or SAP Partner and exposed as business service.
Regards,
Hristo Tsolev
Thanks for confirming Hristo Tsolev
Hi Hristo,
Thank you very much for sharing the helpful information.
I'm trying a adapt the UI for fin.ap.supplierlist and had the following 403 error when open the visual editor.
Console Log
Based on KBA 3093518, I've already changed the "ui5Version" to "1.71.43" in config.json file, but it still has the error.
Could you please kindly help check the reason?
Hi Ying,
The screenshot with the big error is showing problem which should NOT prevent you from loading the Visual Editor, i.e. the 403 problem is NOT connected with it in any way. This 403 error should be visible in your chrome network tab in a different request, try to look for it and share what is it. This is most probably because somewhere, some rights are lacking for the user used for connection to that system, but I cannot do a solid statement prior to seeing the actual failing request.
Regards,
Hristo
Hi Hristo,
Thank you so much for your kind reply.
I got several network errors when I load the page, but when I right click "manifest.appdescr_variant" and choose "Open SAPUI5 Visual Editor", there's no additional network error.
Besides, I wonder why my project doesn't have a manifest.json file which is supposed to be automatically created. I got the following error when I tried to build it.
Looking forward to your reply. Thanks again!
Hi Ying,
If there are no network errors, then this is not a known issue and it will have to be investigated deeper from our team. Please create a support ticket for the following component: CA-UI5-FL-ADP-BAS.
On your next question:
Adaptation Project does not have manifest.json file, and while it does have its kind of similar file called manifest.appdescr_variant), but you do not manifest.json, because there is no need to build the project prior to using it in the Visual Editor or deploying. You can use it for preview/development/deployment just as it is.
Regards,
Hristo
Hi Hristo,
Thank you very much for your reply. I've created a ticket "188687 / 2022 403 error when open SAPUI5 visual editor" as you advised.
Hi Hristo,
We started to extend the app F1852 (Manage Sales Quotations) in our on premice S/4 Hana 2020 FPS01 using SAP BAS (SAP BTP).
We created the Adaptation app based on the standard app using the standard CDS C_QuotationWl_F1852 using a Custom CDS Extension (Fiori Element App). We can see the new fields and Filters in the Visual Editor.
But when we want to modify the existing Filters, we cannot click on them, we can only select the FilterGroup to create a new Fragment or a Controller extension.
Is it the normal behavior or is there something wrong ?
Previously in SAP Web IDE, we could select every field and change some properties, even do some OData Bindings. It seems also there is no more Local Annotations Editor ?
Are there other “limitations” comparing the new BAS Adaptation to the “old” Web IDE?
Did we miss something?
Thanks for any help,
Luc
Hi Luc,
If you need to adapt the customFilterBar, I think that this is doable from 1.95 UI5 version and above. The available options for adaptation depend on each of the controls themselves. You can check in their documentation for each and every control what features are adaptable (and from which UI5 version).
About the Local Annotations Editor - I guess you are comparing Adaptation Project with Extension Project from WebIDE? In Adaptation Project annotations can be added using this (at least currently) method : https://help.sap.com/viewer/584e0bcbfd4a4aff91c815cefa0bce2d/Cloud/en-US/ef009e3d533940f6b93b6996af486389.html
Regards,
Hristo
Hi Hristo,
Thanks a lot for the fast answer!
I just checked and our S/4Hana has a SAP UI5 version of 1.84.1. Then no chance to adapt the customFilterBar if I understand well. That's clear for the Controls' Documentation, we will do it.
Yes, I was comparing to what we did 3 years ago for another customer. It was very convenient to use the Local Annotation Editor. I checked your link and I feel it will be less user friendly. Pretty sure, it will be better soon.
Regards,
Luc
Hello Hristo Tsolev ,
We are facing one issue while opening an Adaption project in Visual Editor in BAS.
We have one application "Manage Purchase Requisition Professional" (F2229) and we want to add one facet using adaption to that application so for doing so when we open the app in Visual Editor and when we navigate to the Object Page where we want to add the facet we are getting the below error message.
Error
It seems that this project is using a reusable library and since we do not have that library cloned in our workspace ( we do not have the GitHub repo for the library to clone ) it is not able to find it and hence it is throwing this error.
Could you please suggest how should we proceed further?
Thanks & Regards
Sarabjit Singh
Hi,
This behavior is not expected. Can you please create a ticket for CA-UI5-FL-ADP-BAS component. We will need to investigate it further in order to resolve it.
Thanks,
Regards,
Hristo
Hi Hristo,
I am trying to create an adaptation project for standard fiori app "Run Outbound Process - Deliveries" (F1704), however I can't do it as it's showing below error.
I understand the prerequisite for adaptation project required a manifest.json file and flex enabled property to true, but here it's a standard project, and i don't see any way to do changes to standard project files from BAS.
Please suggest.
adaptation project
Thanks,
Rakesh
Adaptation Project Error F1704
Hi Rakesh,
Unfortunately, if the application has no manifest.json file or the property flexEnabled is set to False, this application is not supposed to be used at all with Adaptation Project.
Regards,
Hristo
Hi Hristo,
Thanks! for the quick feedback. In SE80 i can see manifest file exists in standard bsp "EWM_SODLV_MANS1" for F1704, but flex enabled is set to false.
My question here is, can we change this property from customer side, if the requirement can be fulfilled using extension? or does it simply mean we can't extend it?
Thanks,
Rakesh
adaptation project_SE80
Hi Rakesh,
if this property is set to False it generally means the application developers didn't meant for the app to be adaptable. So, most likely, it will not work as you would hope if you just change it manually. Maybe it is worth checking with the application team (i.e. creating a ticket for them) to check if they had any specific precautions for setting flexEnabled to False and if they have plans to make it adaptable.
Regards,
Hristo
Thanks! Hristo Tsolev for the response. I have raised with SAP for the same.
Hi Hristo,
we try to extend the app F1813.
We do this in BAS with the Visual Editor.
We could delete most of the Buttons, but "Versionsstückliste anlegen" and "Version anlegen" couldn't be deleted. After set Visual to false or delete. It comes back by the next preview. (There is no Errormssg. )
So we checked the code of the standard app and found that the visibility is set from a model, which is set hard on true in the coding.
We tried now to override this coding by adding a Controller by Visual Editor "Extend with Controller".
But after deploying the coding is not called. We debugged it.
thanks for your help!
Luis
Hi Luis,
the controller not being called should not happen and it does not seem like a known issue. Can you please create a ticket for our component: CA-UI5-FL-ADP-BAS and my colleagues will investigate it with the needed priority.
Thanks,
Regards,
Hristo
Hi Hristo,
thanks for your fast answer.
we created an incident with the nr.: 002075129400006914102022
if this makes it faster. 🙂
thanks
by Luis
Hi Luis,
Thanks, we are on it.
Regards,
Hristo
Hi Hristo,
sorry but i think we made something false.. ok.. the visibility is hardcoded.. i dont know if this is realy required / desired.
we forgot to add the "override"
than we can add:
"this.getView().getModel("ListViewJson").setProperty("/VersionVisibity", false)"
in onAfterRendering..
bye Luis
Hi Luis,
I am glad you found the solution 🙂
Regards,
Hristo