Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Welcome to the DNN.IFrame wiki!
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%).
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.
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.
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.
You can add a title attribute to the IFrame, this will be displayd when the visitor hovers the mouse over the IFrame.
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;
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)