Inline frames are useful in certain situations, but not to be relied too heavily on for overall site navigation due to a lack of functionality.

A radio button can be selected by default either by clicking the box in the wireframe, or right-clicking and selecting Edit Radio Button > Select Radio Button.  This allows the radio button to be selected by default when the prototype is generated.

Still need help? Check out the forum or drop us a line at support@axure.com.

© 2002-2013 Axure Software Solutions, Inc. All rights reserved.

Mockup Software

Wireframe Software

Flowchart Software

Prototyping Software

SRS Documents

Web Design Software

iPhone Mockup Tool

iPad Mockup App

Visio Alternative

Powerpoint Alternative

Use Axure RP as:

WYSIWYG Editor

The Round Up

Interactions can be added which will dynamically display content in an inline frame.  Alternatively, you can open a link in the "Parent" window which contains the inline frame.

The inline frame is used to embed video, maps, and HTML into your wireframe. 

Download Example

The styling of the inline frame is limited to toggling border and scrollbars.  If you'd like to add additional styling you will have to use other widgets in the background (Add rectangle, right-click, Order > send to Back) to achieve your desired look.

With a device body widget added to your wireframe, an inline frame can be added ontop the iphone or android screen area and linked to another page in your prototype.  This will pull in the content from your other page and place it inside the inline frame creating a realistic mobile experience on your computer.

External HTML files, videos, and maps are some of the elements you can embed using inline frames.   For videos and maps, the inline frame links to a URL.  When linking an HTML file which exists locally, the frame links to a local path.

With the Inline Frame added to your wireframe, double-click it to bring up the Link Properties dialog.  Here you can specify which page of your wireframe you'd like to show in the inline frame.  Alternatively you can select "Link to an External URL or File" and enter a local file path or web url to show in the frame.

A radio button can be selected by default either by clicking the box in the wireframe, or right-clicking and selecting Edit Radio Button > Select Radio Button.  This allows the radio button to be selected by default when the prototype is generated.

Right-click on the Inline Frame and select "Edit Inline Frame > Toggle Border"  to add and remove the black border surrounding the inline frame.

This is often done with hiding scrollbars to hide the fact that the content is in an inline frame.

To remove the scrollling from the Inline Frame, right-click and select "Edit Inline Frame >  Remove Scrollbars".  Alternatively you can turn them back on by selecting "Always show scrollbars" or "Show scrollbars as needed".

The inline frame can be used to embed a YouTube video simply by targeting the appropriate URL.  In the video you want to embed, select Share > Embed. Copy the code and paste it into the inline frame target.  Remove all of the code surrounding the URL.

Download Example

YouTube Tutorial

Embed an object with an

Inline Frame Widget

Example Use

Simulate a mobile experience

Embed external content

Editing

Remove inline frame border

Assign the target page or URL

Show inline frame scrollbars

Common Inline Frame Interactions

Open link in frame and in parent frame

Embed a YouTube Video

Limitations & Workarounds

Styling

You can embed a google map easily by using the inline frame.  Navigate to the appropriate location from maps.google.com and get the embed link.  In the provided embed code, use just the first URL in the inline link target.

Download Example

Google Map Tutorial

Embed a Google Map

A mobile device experience can be recreated on your computer using a mobile body widget and an inline frame which pulls in other pages to your prototype.

Desktop mobile device simulation

Download Example

Inline frames are not to be used as primary site navigation due to it's inability to pass variables and set panel states from the parent page.  In a tab control situation for example use dynamic panels with content inside of each state instead of using an inline frame to display content.

Navigation & passing variables