Adding IFrames Using Page Exensions

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

Note: Performance may be degraded when loading external data!

Adding an iFrame to a Page

1. Click on the Setup tab

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 tab. You can specify which custom tab to display it on (if you have multiple custom tabs)

Creating a Custom Tab

1. Click on the Setup tab

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 the Setup tab

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