Page Comparison

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

Adding an iFrame to a Page

1. Click on the on 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

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

5. Click Save

...

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

Creating a Custom Tab

1. Click on the on 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 on 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)

   Code Block
   language js
   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