Creating a Related Content Pane

You determine the information that is shown on a related content pane. The pane can provide several tabs of information. The components are listed on the palette when you select your driving object.

To create a new related content pane:

  1. Click the Related Content Panes tab.
  2. Click New on the home page. The Related Content Pane Editor opens.
  3. Specify a unique Name for the new related content pane.
  4. Pick the Driving Object for the related content pane from the drop-down list. For example, a related content pane to inquire on customer address details needs a driving object of Account. You can type in part of the object name and the list is filtered.
  5. When you select the driving object, the palette is populated with the relevant components, for example Single Field, Contacts, Address, Action Views, Task Management. Click Hide icon on the General tab to hide the list of components while you are designing your pane.
  6. Select Pane Width. Large fills the screen when the user opens it. You can change the pane width at any time.
  7. From the palette, drag the component and drop it onto the New Tab pane. You can place the same component on the pane several times. You can resize the component as long as it remains inside the width of the pane. As you add and resize the components, the pane automatically rearranges them to fit. There is no limit to the height of the pane. You can remove a component either by dragging it back to the palette or by hovering over it and clicking Trash can icon. A component is shown as amber if you need to configure it.
  8. Click Configure icon to edit a component and specify a label. The label must be unique on the pane.
    Notes:
    • The Files component allows you to upload and download documents to the related content pane's driving object.
    • If you click New Note on the Notes component and do not see a new screen, you may need to enable popups in your browser.
  9. Depending on the component, you may need to add more information. See Related Content Pane Fields. For example, in the single field configuration, for lookups you can drill to select a field.
  10. Click Apply and the component color changes to blue. Note that your individual applied changes are only saved when you click Save on the toolbar.
  11. [Optional] You can configure some components to allow users to change information from within the pane, for example the Address and Contact components. Edit the component and check Allow Edit.
  12. [Optional] To change the name of the tab, double-click the New tab text. You can delete the text and type in your own.
  13. [Optional] Click Add icon to add more tabs to the pane. Drag the tab title bars to change the order of the tabs. Click X on New Tab to remove it permanently from the pane.
  14. Click Save.
Note:

If you receive a message asking if you want to add IDs to the underlying dataview after saving the new related content pane, the related content pane that you have designed needs additional IDs. We recommend that you click Add All IDs and give the fields a name if required. They are all added to the dataview. If you decide not to add the IDs when you save the related content pane, you can add them later.

When you have created a pane, you can add it to one or more action view templates.

Linking Related Content Panes with Objects

You can link a related content pane to a standard or custom object if required. This link is created by using the ID of the driving object. For example, you may want to create a custom button to enable you to view the related content pane for an account directly from the Account object.

To obtain the ID the driving object:

  1. Using the Classic user interface, navigate to your selected related content pane.
  2. Copy the ID from the end of the URL in your browser, and paste it into a clipboard or text file for you to retrieve later.

To create a button to link an account related content pane to the Account object, you must perform the following steps:

  1. Click Setup | Object Manager, and select the Account object.
  2. Click Buttons, Links, Actions.
  3. Click Create New Button and perform the following actions:
    1. Create a label.
    2. Create a name.
    3. [Optional] Enter a description.
    4. Select "Detail Page Button". Select "Display in New Window".
    5. Set the Content Source to URL.
    6. Set the Field Type to Account.
    7. In the Custom Button or Link Editor field, enter the following string: /apex/ffr__relatedcontentpane?ID=[ID of the Account related content pane]&drivingentityid=[select "Account.Id" to append the string]. For example, if the ID of the Account related content pane ID was "0000", then your string would look like this: /apex/ffr__relatedcontentpane?ID=0000&drivingentityid=AccountID.
    8. Click Save.
  4. Add the new button to your selected page layout. For more information on customizing page layouts, see the Salesforce Help.