Load another HTML document within an iframe on a web page

To implement Composite.Web.Html.IFrame:

  1. From the Content or Layout perspective, insert the Composite.Web.Html.IFrame function ( Insert > Function), or add the following code: 
     
<f:function name="Composite.Web.Html.IFrame" xmlns:f="http://www.composite.net/ns/function/1.0"> 
  <f:param name="Src" value="http://docs.composite.net/C1.aspx" /> 
  <f:param name="Height" value="600" /> 
  <f:param name="Id" value="MyFrame" /> 
  <f:param name="Class" value="MyFrameStyle" /> 
</f:function>
  2. In the URL to load ("Src") parameter, specify the URL of the HTML document you want to load within the inline frame.
  3. Set up other optional parameters:
  • HTML height ("Height"): The height of the inline frame, which is the value of the height attribute on the iframe element (600, by default)
  • HTML id ("Id"): The programmatic ID of the iframe element used to access the IFrame from  JavaScript (blank ("no ID"), by default)
  • HTML class ("Class"): The CSS class (or classes) of the iframe element (blank ("no class"), by default)

Customization

You can customize the layout by editing the style sheet (/Frontend/Composite/Web/Html/IFrame/Styles.css).

Requirements

Composite C1 version 2.0 or later

SHARE