/
Adding IFrames Using Page Exensions

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 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

Related content

Adding a Page Extension
Adding a Page Extension
More like this
Page Extensions
Page Extensions
More like this
Customizing the AdminPortal Browser Tab Title in EngageIP
Customizing the AdminPortal Browser Tab Title in EngageIP
More like this
Hosted Payment Page Configuration
Hosted Payment Page Configuration
More like this
Inserting Values Into Fields Using Page Extensions
Inserting Values Into Fields Using Page Extensions
More like this
Dynamic Screens
Dynamic Screens
More like this