Admin Manual

So you have scripts, forms, and widgets you want to use with your iGrOOp, but you have heard that due to iGrOOps security, you cannot put scripts, forms, and widgets in the HTML code in your iGrOOp.  Have no fear, iFrames are here!

iGrOOps allows admins to insert iFrames, or invisible windows to other webpages, in just about any area of the iGrOOp.  iFrames can pull in data from other webpages and appear that it is running on the iGrOOp.  To the member, an iFrame is invisible.

So what can you do with iFrames?

• include custom HTML pages that do not require the use of the online editor
• include custom forms
• include scripts
• include javascript
• include third party widgets

If using iFrames, you MUST HAVE access to web space on another server.  You can use free hosting accounts, or very low cost hosting like the kind offered through GoDaddy.com.

IFrames Explained

If you really want to know the technical info behind iFrames, this is a great page that explains them.  However, iGrOOps does all the technical work for you.  You do not need to know how to create custom iFrames to use iFrames within iGrOOps.

Using iFrames with iGrOOps simply requires that you either a) know the URL that you want to include in your iGrOOp or b) have the code of the page, form, script, or widget and create a new HTML page on your other server with the code.  You THEN enter the URL of the page into your iFrame field within iGrOOps.

Step by Step Example

Let's say you want to add a javascript-based widget to your iGrOOp.  You have been given the javascript you need to include in your HTML.  However, iGrOOps does not allow scripting directly to be put in custom HTML areas, so you will use the iFrame feature.

1. On your OTHER web hosting account, create a custom HTML document with the code for the widget.  This is done by just pasting the code in a text editor, and saving it with a ".html" extension.
2. Upload your new HTML file to your other web server (NOT your iGrOOp).  Get the URL.
3. In iGrOOps, use the home page editor or the custom admin web pages to insert the URL for the iFrame.  Look for the section that allows you to enter "iFrame URL".  Your URL must be a valid URL.
4. Adjust the size of the iFrame to meet your needs.  Remember, the iFrame is like a window into another webpage.  You control the size of that window.

Do not try to paste the code of the widget in the iFrames section within iGrOOps!  This will not work and can mess up the look of your iGrOOp.