Skip to main content
Conga Support

Add a Visualforce Page to an ActionGrid Tab

This topic describes how to reference a Visualforce page in any tab within a Multi-Tabular ActionGrid.

Before you begin, ensure that the Visualforce page has been added to the ActionGrid Visualforce Pages permission set. See Security and Permission Sets for Visualforce Pages for instructions. 

Follow these steps:

  1. In Salesforce, click Setup.
  2. Click Develop and click Visualforce Pages.
  3. Click the link next to the name of the Visualforce page, for example:


     
  4. Click Preview.
  5. Copy the URL from your browser address bar, and paste it into your system clipboard.
  6. Go back to the Visualforce Pages section of Salesforce Setup.
  7. Click the Edit hyperlink next to the same Visualforce page.
  8. Click the Visualforce Markup tab, and enter the following code immediately after the opening <apex> tag:
    <style>
       .fluidMedia {
         position: relative;
         padding-bottom: 40%;
         padding-top: 30px;
         height: 0;
         overflow: hidden;
       }
       .fluidMedia iframe {
         position: absolute;
         top: 0; 
         left: 0;
         width: 100%;
         height: 100%;
       }
    </style>
  9. Add a new list tag (<li>...</li>) with the name of the tab, for example:


     
  10. Insert the following code in the same order as it appears in the lists, relative to the other tabs. Replace the page name in this example with your own Visualforce page name. In the <iframe> tag, insert the URL that you copied from Step 5.
    <!--- Page name --->
    <div style="overflow:hidden;"> 
      <div class="fluidMedia">
       <iframe src="https://etc" frameborder="0"> </iframe>
      </div>
    </div>

    Example:
  11. Click Save.