In order for GridBuddy Connect grids to show up correctly in Google Chrome, the “third-party cookies and site data” option must be enabled. Under Google Chrome settings, click Show Advanced Settings, and under Privacy, click on Content Settings. Make sure “Block third-party cookies and site data” is not checked.
To embed a grid into SAP Hybris C4C, follow these steps.
Steps to create a simple mashup pointing to an GridBuddy Connect grid:
- As an Admin, Go to Administrator > Business Flexibility > Mashup Authoring
Click New button, and select HTML mashup.- Add a name for the mashup.
- Select “Business & Finance” for Mashup Category
- Select “URL” Type. Include a URL to your grid, i.e. https://www.gridbuddyconnect.com/grid/embed/8131B0DA-2B70-47BD-84A8-32F6BAC1A760.
- Set a height of 500.
- Click Save
Steps to create a mashup passing parameters, such as record ID, to an GridBuddy Connect grid:
- As an Admin, Go to Administrator > Business Flexibility > Mashup Authoring
Click New button, and select HTML mashup- Add a name for the mashup.
- Select “Business & Finance” for Mashup Category
- Select the Port Binding for the Work Center object where you will add your mashup.
Different Port Bindings expose different Input Parameters, which you can refer to in a script tag inside the HTML code, and pass in to grid
URL parameters. For example:- For the Sales > Opportunity page in SAP Hybris C4C, select the “Opportunity Info” Port Binding to allow passing in the “OpportunityID” param
- For the Customers > Account page in SAP Hybris C4C, select the “Additional Account Information” Port Binding to allow passing in AccountInternalID” param
- Select “HTML Code” Type
- Set a height of 500.
- In the HTML Code Editor section, add the following code and then click Save:
Example code:
<html><body>
<iframe id=”gridFrame” height=”400? width=”100? frameborder=”0?></iframe>
<script>
document.getElementById(‘gridFrame’).src =
‘https://www.gridbuddyconnect.com/grid/embed/8131B0DA-2B70-47BD-84A8-32F6BAC1A760?fpf=OpportunityID&fpv=’ + sap.byd.ui.mashup.context.inport.OpportunityID;
</script>
</body>
</html>
In the above example, if your organization has SSO enabled, then please include the subdomain for your organization in the URL.
Steps to add a mashup on an Opportunity page:
- Go to Sales > Opportunities.
- Go to the top menu, Adapt > Edit Master Layout
- Depending on the position of your cursor (see with the yellow highlight) click on the ‘+’ button and choose Mashup from the popup menu. You should see you mash-up listed (if you are in the correct layout).
- Check the Visible checkbox next to the mashup you would like to add to the screen
- In the Properties section, check the Full Width checkbox.
- Click the Apply button in the popup
The GridBuddy Connect grid inside a mashup should now be available on the Sales > Opportunities page.
