Modify Multi-Tabular Related Lists
Visualforce Page Markup
After creating a Multi-Tabular Conga Grid℠, you may need to change the objects that appear in the tabs. This involves editing the Visualforce Page Markup. Follow these steps to access the markup code:
Edit Tab Names
Delete Tabs
To delete a tab, remove the associated list item (<li>...</li>) containing the tag name. Then delete the entire division block (<div>...</div>) associated with that list. The following figure shows an example:
Add New Tabs
Each tab in the Multi-Tabular Visualforce page is based on a specific view. You can add more tabs (views) by following these steps:
Get the View ID
- Click Conga Grid Explorer.
- Select the object of interest (for example, Opportunity).
- Click the Manage Views link. The Manage Views screen appears.
- Select the view that will be associated with the new tab.
- Click Actions and click Export To > Excel (with Record IDs).
- Open the exported record in a spreadsheet application, and note the Id value of the selected record. You will need this in a later step.
- Close the Manage Views screen.
Edit the Visualforce Markup
- Go to the Visualforce Markup code for the selected Multi-Tabular Visualforce page. Refer to steps 1 through 3 at the beginning of this topic.
- Decide where the tab should be located relative to other tabs.
- Insert a new list item (<li>...</li>) in the group of list tags in the appropriate order. This example shows adding a new tab labeled This Quarter as the third tab:
- Select any division block of text beginning with the <!--- comment characters and ending with the </div> tag. Copy this to your system clipboard (for example, Ctrl-C).
- Paste the block of code among the division tags in the order where you want the tab to appear. For example, we pasted the code from Step 3 after the second <div>...</div> group since the new tab will be third in the order.
- Enter the new tab name in the grey HTML comment tag between the <!--- and ---> characters.
- Replace the ViewID value (between the double quotes) with the Id value that you recorded earlier (see Get the View ID).
- Click Save at the top of the Visualforce page editor.
To see the result, click Preview (in the same row as Save).