NetagiAplinx

User's Manual

Iframer

Short Description

The Iframer tool allows you to add an iframe to your website. Iframes are floating frames that can be inserted within a Web page. They are useful when linking an object from an external source, and give that object the appearance of 'belonging' to the parent page.

Please note: Iframes are not supported in some older browsers.

See also

Example: The image that appears below is inside an iframe.

How to

  1. Add an Iframer
  2. Edit an Iframer
  3. Insert an Iframer onto a page or Masterpage
  4. Link to objects from an iframe page

Adding an Iframer

To add an iframer object, you will need to access the Miscellaneous Object Manager and click the 'Add Object' button from the manager options menu. Select the 'Choose' button next to 'IFrame window'. The Iframer object will be added to your Miscellaneous Manager table.

iframe object in the miscellaneous object manager

Please note: you must edit the settings for an iframer before it will correctly function or display any objects inside it. See Edit Iframers below.


Editing Iframers

When they first appear in the Miscellaneous Manager, all new Iframes will be given the title and classname 'iframer'. You may alter these values by selecting the radio button next to the iframer's ID number and clicking 'Metadata' in the Manager Options Menu. This naming will help to identify each individual iframer object.

For every active iframe that is used within your website, you will need to set the values for source, height and margin.

Select the radio button next to the iframer's ID number and click 'Edit' from the Manager Options Menu on the left of your screen. The Edit Iframe Template screen will load:

iframe settings showing external source

IFrame Source: the location or URL of the object shown inside the iframe. If you are showing objects within your iframe that are hosted on an external website, please remember to include the http:// prefix in the IFrame Source. For objects that are hosted on your aplinx site/domain, simply enter the folder name and the object id. The example below shows how this might be done if you were linking to an object in FormManager (located on the same domain name as the rest of your aplinx website).

iframe settings showing internal source

IFrame Margin: here you may define number of pixels that will remain empty around the iframe. Entering a value of '10' here, means that a 10 pixel margin will appear on each side of the iframe when it appears on your webpage.

IFrame Height: in this text box, you should enter a number in pixels for the height of your iframe.


Inserting onto a page or Masterpage

Inserting Iframer objects onto your page can be done by the same method as inserting any other miscellaneous object onto your page or Masterpage.

  • When you click the insert button on your page or Masterpage, the insert content window will load.
  • Select 'Miscellaneous' from the bottom left of this screen. The Miscellaneous Manager will load.
  • Click 'Insert' next to the ID number of the IFramer object you wish to use and the Iframer object will be placed onto your page/Masterpage.

Linking to pages from an iframe

If the iframe you have created has links in it, these links will generally open inside the iframe too. This can be problematic and cause a window within window effect.

If you are the owner of the page within the iframe (ie: it does not belong to someone else on the Internet) you may control where these links open by setting the target of the link. To open in the same window (not the iframe) when creating the link, set the target to Parent Window (_parent).

set the target of a link

© Copyright 2008.  Netagi Pty Ltd. Page created using Netagi Aplinx® CMS | Hosted Website Solutions