Technology Blogs by Members
Explore a vibrant mix of technical expertise, industry insights, and tech buzz in member blogs covering SAP products, technology, and events. Get in the mix!
cancel
Showing results for 
Search instead for 
Did you mean: 
navn_metts
Active Participant

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

Tutorial: Create a Hello-World SAP UI5 Application - SAP HANA Developer Guide for SAP HANA Studio - ...

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

16 Comments
Labels in this area