How to use HTML iFrame

1. From the Content or Layout perspective, insert the Composite.Web.Html.IFrame function ( Insert > Function), or add the following code:
   Expand 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).