Adding IFrames Using Page Exensions

This article describes how to add iFrames within the EngageIP AdminPortal using Page Extensions.

Adding an iFrame to a Page

1. Click on Setup 

2. Click Page Extensions

3. Click the Add button

4. Enter the following information:
   Name - Add iframe to a page
   Page - tools/menu (or any page you wish to add this to
   Script - see below, same for both the add and edit screens

   var link = '<iframe src="http://logisense.com" width="100" height="500">'; document.getElementById("Content").innerHTML = document.getElementById("Content").innerHTML +link + '</iframe>'

5. Click Save

Displaying External Content in an iFrame on a Custom Tab

The following provides the code used to put an iFrame with specific content on a custom page. You can specify which custom page to display it on (if you have multiple custom pages).

Creating a Custom Tab

1. Click on Setup

2. Click on Custom Tabs

3. Click Add

4. Enter the Name for your custom tab

5. Optional: if you have/will have more than one custom tab specify the sort order

6. Click Save and your custom tab will appear

Adding The iFrame (via a Page Extension)

1. Click on Setup

2. Click on Page Extensions

3. Click the Add button

4. Enter the following information;
   Name - Display iframe on Custom Tab - xxxxx
   Page - customtab/loadtab
   Script - enter the script below substituting the appropriate details (your custom tab name and the URL to render in the iFrame)

   var regex = new RegExp("NAME_OF_CUSTOM_TAB_HERE"); if(document.URL.match(regex)) { var link = '<iframe src="http://www.youraddresshere.com" width="100" height="500">'; document.getElementById("Content").innerHTML =  document.getElementById("Content").innerHTML +link; }

5. Click the Save button