Michael Tobisch edited this page Feb 2, 2016 · 2 revisions

Welcome to the DNN.IFrame wiki!

First Steps

To start with the DNN IFrame module, install it as any other extension. Then place an instance of the module on a page. Select Edit Options from the module's action menu. The most important settings are on the first tab called Options. And there is only one of these that is really necessary - of cource, it is the Source. You have three different options, the source can be

  • URL (a Link to an External Resource)
  • Page (A Page on your Site)
  • File (A File on your Site)

Depending of the selection you can either enter an address (e.g. http://en.m.wikipedia.org/wiki/Main_Page), or select a page or a file from your web site.

Width and Height

Here you may enter a number (which means pixels), or a percentage value (e.g. _80%).

Auto Height

If you select a source from within the same domain as your website (e.g. a page or file from your web site), you can check the Auto Height option to automatically adjust the height of the IFrame.

Note: If you check this, the Onload (Javascript) injection is not available from the More Options tab.


This setting affects the appearance of the horizontal and vertical scrollbars. You have three choices:

  • Auto: Sets the scrollbars automatically when needed
  • Displayed: Always displays the scrollbars
  • Hidden: Always hides the scrollbars


If checked it displays a border around the IFrame on older browsers.

Note: This is a deprecated setting - it will disappear within one of the next releases, as it is not supported by modern browsers anymore. You should use the CSS Style option from the More Options tab instead.

More Options

Allow Transparency

Sets the attribute allowtransparancy=true to the IFrame. The source needs a corresponding css setting as well.

Note: This setting works with IE only, and will break XHTML compliance if checked.


You can add a name attribute to the IFrame to be able to use it as link target or in scripts.

Tool Tip

You can add a title attribute to the IFrame, this will be displayd when the visitor hovers the mouse over the IFrame.

CSS Style

You may add CSS style elements to be applied to the IFrame.

Example: To have a small, light gray dotted border around the IFrame, you may add border: 1px #CCC dotted;

OnLoad (Javascript)

You may add some Javascript that is executed when the IFrame is loaded.

Note: This option is not available when the Auto Height option is checked.


(to be added to the documentation but works pretty much like in former versions)

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.