This is the documentation for Clover Club 12.0.
Documentation for the upcoming version Rampur 13.0 can be found here.

SAP C4C - Quoting Module on Opportunity Page

Owned by Jan Panoušek
Jun 14, 2024
4 min read

This section describes how to create Pricefx mashup in SAP C4C and place it to the Opportunity page in SAP C4C.

  1. Go to Mashup Authoring.

2. Create HTML Mashup.

Depending on your user rights, you might need to use SAP Cloud Applications Studio.

This error:

might indicate missing permissions; Studio or a different account might be needed.

If that is the case, use SAP Cloud Application Studio > right click as shown in the screenshot > Create HTML Mashup.

3. Select Port Binding: Opportunity Info.

4. Insert the Mashup HTML code into HTML Code Editor. Pricefx will provide the Mashup HTML code to the customer before installation.

5. Go to Opportunities and select any relevant Opportunity.

(The filter might need to be changed.)

6. Start the Adaptation mode.

7. Add a new tab.

8. Enter name and title of the tab.

 

9. Select the newly created tab (Opportunity Integration in this case).

Click the Edit icon.

Click the back arrow in the menu on the right
(to get one level up in hierarchy of the layout).

10. Once on this level, click the back arrow again.

11. Select: Add > Mashup.

12. Select the desired mashup – check the on the left side (crucial).

Check the Full Width option.

Enter 100 in the Height field.

Click Apply.

13. Go to the original item.

14. Remove it.

Sometimes this seems to be deleted but after you click End Adaptation, it appears again. It is fine to check Hide and this item will not be displayed anymore.

15. End Adaptation.



15. You are have a working iFrame of the Pricefx application.

Old Approach (Using Application Studio)

  1. Right click MashupAuthoring > Create HTML Mashup.

  2. In Port Binding select opportunity.

  3. Add HTML code, save and close.

  4. Click Add new item, select Embedded Component and set the name at the bottom of the window.

  5. Double click the newly created component to edit it.

  6. Select the mashup from Configuration Explorer and use drag & drop to move it to the pane.

  7. Save and activate the component.

  8. Open Repository Content > BYD_COD > SalesOnDemand > Opportunity > UI > COD_Opportunity_TI.

  9. Switch to the Edit mode using the pencil icon.

  10. Click the first item in the Extensibility Explorer (Undefined).

  11. Click the Add View with embedded Component.

     

  12. Set the Tab Title, Embedded Component and Title.

  13. Save and activate the COD_Opportunity_TI.

  14. The new tab should appear (refreshing or closing & opening might be needed).

  15. Select Undefined again and Adjust Properties: set enabled = true for the embedded component.

  16. Activate all items.

  17. Open the browser, log in using SSO and display the opportunity detail.

  18. Launch HTML5, go to the opportunity detail, adapt > Edit Master Layout and the mashup appears there. Then move the tab where needed and End Master Layout.

Â