Purpose:
The main purpose of this document is to display a sample UI5 application as an assignment block in CRM WebUi.
Overview:
Here i am going to explain how simply we can access a UI5 application in CRM WebUi.
Step 1 : Initially create a form view and assign it as a assignment block on the over view page.
Step 2 : Create a UI5 application and get the URL for that application.
Step 3 : Call the UI5 application in CRM WebUi.
Step 1:
(Note: This Step 1 is for beginners only. Those who know how to create a form view and adding it as a AB they can ignore this).
You can follow below link to create a form view.
SAP CRM WEB UI : 30.CREATING FORM VIEW
Follow below link to assign the view as a assignment block on over view page.
SAP CRM WEB UI : 31.CREATING OVERVIEW PAGE
Step 2 :
Please follow below links to create a basic SAP UI5 applications.
Create Your First SAPUI5 Application - UI Development Toolkit for HTML5 (SAPUI5) - SAP Library
Note: We develop UI5 applications in IDEs like (Eclipse,Web IDE). But if you want to access the same UI5 application in CRM it has to be deployed onto a fiori server.
In my case I have developed a sample UI5 application( Which resembles like Fiori application) which displays list of available sales orders in the system and deployed onto a fiori demo server.
Which looks like below.
Step 3 :
Now here we have to call the UI5 application in CRM WebUi.
Open the .htm page of the view and write the following code in it.
<iframe src="URL of UI5 application" name="iframe_a" width="100%" height="800"></iframe>
Note: Here we can use the height and width values based on our requirement.
And the final result will look like
Thanks & Regards,
Naveen M