Deploying myFileGateway within an iFrame

You can deploy myFileGateway within an iFrame.

About this task

There are specific parameters and guidelines that must be followed to deploy myFileGateway in an iFrame:
  • The <iframe> block must be well-formed (that is, every use of <iframe> must be closed by </iframe>).
  • Change references in any JavaScript page to “top” to refer to the encapsulating page.
  • The source HTML file that contains the iFrame must be hosted on the same server domain that hosts myFileGateway. If the iFrame file and myFileGateway are hosted on separate servers, users accessing myFileGateway with Apple Safari browsers may receive a message that the session has expired due to inactivity.
  • Although a minimum of 800 x 500 pixels resolution for the encapsulating page will work, 950 x 600 pixels or greater is preferred.
  • If any new extensions are created, ensure you reference ".top" if the window DOM hierarchy is needed, since this may refer to the encapsulating page.
Set the doctype appropriately. For example:
<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Procedure

  1. Set the doctype appropriately.
    For example:
    <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
  2. Specify the iFrame tag.

Example

The following example is an HTML file that could be used to implement myFileGateway in an <iFrame>:
<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test Page for SFG within an iframe</title>
    <style type="text/css">
        <!--
        body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #FFFFFF;
        }
        -->
    </style>
    </head>
    <body>
        <div style="WIDTH:100%;HEIGHT:30;BACKGROUND-COLOR:#000099">
        NON-SFG Application Area 1
        </div>
        <iframe frameborder="0" title="Secure File Transfer" src="/myfilegateway/"
				 style="WIDTH:100%;HEIGHT:100%" hastray="true" fullpage="true"></iframe>
        <div style="WIDTH:100%;HEIGHT:30;BACKGROUND-COLOR:#000099">       
        NON-SFG Application Area 2
        </div>
    </body>
</html>