Overview
Along with configuring object types, you can configure custom object types in Salesforce. This enables associating Responsive Proposal Builder with custom object types such as Asset, Deals, Campaigns, and more.
Permissions
Users must have the System Administrator privilege in Salesforce and Company Administrator privilege in Responsive to complete the installation.
Configuring Custom Object Type on Salesforce
- Click Setup from the top navigation bar.
- From the Build section of the left navigation pane, select Create > Objects.
- Click ResponsiveProposals.
- Scroll down to the Custom Fields & Relationships section and click New.
- Click Lookup Relationship, then click Next.
- Select the field you want to relate to the custom object has to be related (Campaign, for example) and click Next.
- Enter the values as shown in the image below, then click Next.
Note: Do not check the Required checkbox. - Click Next on the Field Level Security page.
- Clear the selection associated with ResponsiveProposals Layout and click Next.
- Clear the selection associated with Campaign Layout and click Save.
The newly added custom object field displays in the Custom Fields & Relationships section as shown below: - From Responsive, go to Organization Settings > Integration > CRM and click Configure on the Salesforce tile.
- Click Connect to Salesforce.
- Click Add Salesforce Object and select Campaign from the options.
- Select Campaign from the Proposal Report Field Mapping drop-down, then click Save.
-
From Salesforce, go to Setup > Build > Develop > Lightning Components. and select Visualforce Pages.
- Click New.
- Enter the Name, Label and Description.
Note: The label must be unique.
- Enter the following code in the Visualforce Markup tab:
Note: In the code below, replace the YOUR CUSTOM OBJECT API text with the value of the custom object you selected (such as Campaign).
<apex:page StandardController="YOUR CUSTOM OBJECT" extensions="rfpio.ResponsiveProposalController" showHeader="false" applyHtmlTag="false" sidebar="false" action="{!onLoad}" docType="html-5.0">
<rfpio:ResponsiveProposalComponent recordId="{!recordId}" RFPIO_BASE_URL="{!RFPIO_BASE_URL}" bgColor="{!bgColor}" JSONString="{!JSONString}" newProposalButton="{!newProposalButton}" associateButton="{!associateButton}" removeAssociateButton="{!removeAssociateButton}" launchRFPIO="{!launchRFPIO}">
</rfpio:ResponsiveProposalComponent>
</apex:page>
- Click Save. The Campaign page will be displays as shown below:
- Once the Visualforce page is created, click + to customize the tabs.
- Click Customize My Tabs.
Note: See Configuring Object Type (Classic) for more information on tab customization. - Select Campaign from the Available Tabs list and click Add, then click Save.
- The Campaign tab is added to the bar.
- Click Create New and select Campaign to add a new campaign.
- Enter the details and click Save.
- On the Campaign page, click Edit Layout.
- Select Section, then drag and drop it into the Campaign Detail section.
- On the Section Properties pop-up, enter Responsive Proposal Builder in the Section Name field and select the 1-Column layout button.
- Click OK.
- Next, click Visualforce Pages, then select ProposalCampaign and drag and drop it into the Responsive Proposal Builder section.
- Once the Visualforce page has been added, click the Properties icon, or double-click on the layout, to bring up the Visualforce Page Properties pop-up.
- Set the Height (in pixels) to 800 to add space when viewing the projects.
- Select the Show Scrollbars and/or Show Label checkboxes if applicable.
- Click OK. The layout displays as shown below.
- Click Save to save the changes. The Campaign layout displays as shown below: