Working with Inline Frames

From Documentation
Jump to: navigation, search

Working with Inline Frames

Using inline frames, you may embed an HTML page within another page of your site. You can select another page of your site to be displayed in the inline frame, or even a page from another website.

Understanding Inline Frames

An inline frame is an HTML object (the iframe tag) that embeds a document inside a HTML document. The embedded document will be displayed in a subwindow of the browser's section.

Thus, you may open new pages inside a page of your site. You can set the source file that will be displayed on the inline frame to be another page of your site, or even a page from another website.

Inline frames are most commonly used to insert content from another website into the current page. For example, on a page of your website, you can place an advertisement for products available on another website.

The content from another page will be displayed in an inline frame on a page of a different website. If the entire content of the page does not fit inside the inline frame, a scrollbar will be available to help the visitor view the content.

The page linked to an inline frame will not be available for the user to save locally, view in its own window, or know its URL, as regular links permit.

Adding an Inline Frame

To add an inline frame:

Select the Inline Frame tool from the Standard Tools toolbar.

  1. Draw a Text box on the Layout to indicate where you want to position the Inline Frame.

The Link dialog will open.

  1. Select the Link type from the drop-down list. For example, select External Link.
  2. Type the URL in the New Link field or selected from the list from below.
  3. When finished, click Link.

A placeholder appears inside the inline frame, according to the type of link selected.

Setting Inline Frame Properties

  1. In Page view, click inside the inline frame object or right-click on it and select Inline Frame Properties from the shortcut menu.

The Inline Frame Properties panel appears.

  1. You can change the default name of the inline frame by typing the new name in the Name field.
  2. Set the source page that will be displayed in the inline frame.

To do that, click the Page menu button next to the Page field. The Link dialog will open, and there you will be able to select a new source page for the inline frame.

  1. Use the Style drop-down list to set the value for the inline frame's Class attribute.

To do that, select existing custom styles from the Style drop-down list that will be applied to the inline frame. If you have previously created custom styles, the CSS rules will appear on the Style drop-down list. You can create new styles and manage the existing ones using the Manage Styles option.

  1. Set the Title attribute for the inline frame. The title you enter here will appear as a tooltip at mouse-over the inline frame on the published site, depending on the browser that is used.
  2. If you set the Scrolling to On, the inline frame will have a scrollbar to be used when the framed page is too large for the specified dimensions.

The value set to 'Off' will prevent the scrollbar from appearing.

The value set to Automatic will take the default browser settings for scrolling. Normally, the browser will have this set to display a scrollbar.

  1. Clear the Border option if you want the page within the inline frame to appear borderless within the main page.
  2. Set the width for the left and right margins of the framed page in the Width field.
  3. Set the height for the top and bottom margins of the framed page in the Height field.
  4. Use the HTML button to insert your own HTML or scripts into the page's HTML. Even though some browsers do not support inline frames, they will display the HTML code inserted in the Between Tags area.

Using Inline Frames as Targets for Links

Inline frames may be used as targets for links by specifying the inline frame's name as the target for the link. This way, the linked resource will open in the inline frame.

To use the inline frame as target for a link:

  1. Select the object (picture or text).
  2. In the object's Properties panel, click the Link button. The Link dialog will appear.
  3. Select the link type and the link itself.
  4. From the Target drop-down list, select Existing.
  5. The name of the inline frames already existing on page will appear on the Name drop-down list.
  6. Select the inline frame from the list.
  7. Click Link.

At publishing, when the object is clicked, the page you have just selected will be displayed inside the frame.