As a further example, the HTML markup below generates a simple web page with two divs, the top div containing a heading and some text, and the bottom div containing an IFrame with embedded report. To run this example, replace “remotehost” below with the address of the remote server on which the report engine is running.
<html> <head> <title>IFrame Integration Example</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="hostStyle.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="TitleDiv"> <h1>IFrame Integration Example</h1> <p>This is an example of IFrame integration.</p> </div> <div id="IFrameDiv"> <iframe src="http://remotehost:8080/sree/ Reports?op=frameReplet&name=OrderList" frameborder="1" width="100%" height="100%"> <p>Text for obsolete browsers.</p> </iframe> </div> </body> </html>
html, body { margin:0; padding:0; height:100%; font-family: arial; } div { margin-left: auto; margin-right: auto; width: 75%; padding:0; background: white; } div#IFrameDiv { height: 75%; bottom:0; } div#TitleDiv { height: 20%; text-align:center; }
IFrame integration is the recommended alternative to JSP-based integration, and there are several advantages that make IFrames the preferred approach in most cases:
Copyright © 2023, InetSoft Technology Corp.