ex3

Exercise 3 - Emebedding the Web Application in the SAP Sales Cloud

In this exercise, we will embed the webapp that was created in the previous step inside the Account Details screen of SAP Sales Cloud. This exercise consists of mainly two parts:

• Creating a mashup configuration that stores information about the webapp like url and parameters.
• Emebedding the mashup object into the Account Details screeen.

Exercise 3.1 Create a Mashup object in the SAP Sales Cloud

In this section we will create a mashup object using the webapp url that we have created in the excecise 2.

1. Login to the SAP Sales Cloud and navigate to the Mashup Authoring screen

• Create an HTML mashup as shown below:
  

2. Configure the mashup

• Select With port binding and Port Binding to Additional Account Information
• Give the mashup some name like Warranties
• Scroll down and configure url and parameters binding as in the next diagram
• Test using Preview
  
  

Exercise 3.2 Configure Account screen to embed the mashup

In this section we will configure the Account Details screen to embed the above mashup object.

1. Open Account Object Work List, search for the Bank Tech account and open it as below:
   

2. In the opened screen, start Adaptation Mode
   

3. Add a tab to host the mashup inside Account Detail screen:
   
   

4. Add mashup as below:

• Select the Tab that you have just added

• Select the Pencil icon in the default section as below diagram

• In the right hand side car, nagivate to the View element using the back button

• Click Add Mashup
  

• In the mashup popup, search for the mashup that you have created earlier

• Make sure to set the full width, hide the header and set height to cover full area in the tab.
  

5. Hide extra section that was added by default:
   

6. End Adaptation Mode:
   

7. Test the embedded mashup:
   

Summary

With this we have completed all the execises in this workshop. Thanks a lot for following this up.