Iframe code......I wonder what can be wrong...

Iframe code......I wonder what can be wrong...

  
Hi, I have a screen with the following iframe :

"<iframe width=100% height=100% src='"+URL+"'></iframe>"

When I go and check....i have full width extension (although i see a border marking the iframe)

but heigth is so small....nothing like 100% ....

I suspect there's something wrong with the code, although i ran it in an html tester and it seemed ok.

(actually i tested with the width an heigth after the src parameter, and changed my code after checking your iframe example.....

I have no idea why this is happening....because i have other iframe and it is working


the page source with the older order goes like this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
<head>
<title>Document Manager</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="web.css" type="text/css" rel="stylesheet" />
<script src="_osvalidators.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<form name="WebForm1" method="post" action="ShowDocPage2.aspx?_ts=27631375" id="WebForm1">
<input type="hidden" name="__VIEWSTATE" value="dDwxMzk0NTQzNzMyOzs+" />
<script src="_OSGlobalJS.js" type="text/javascript" charset="UTF-8"></script>

<iframe src=http://localhost/BCS/BCS.aspx?&BCSId=0 width=100% height=100%></iframe>
<div ondblclick="javascript: this.style.visibility='hidden'; document.cookie='OSWatermark=o3ygavfmfetxz4efkdcbscj3; path=/;';" style="position:fixed; left:0; right:0; bottom:0; width:100%; height:20px; padding-top:5px; background-color:black; color:white; font: bold 10px Arial, Helvetica, sans-serif; text-align:center; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;">Application not licensed for a Production environment. Created with the <a style="color:white; text-decoration:underline;" href="http://www.outsystems.com/">OutSystems Platform under a Development Partner Edition (Custom) license.</div>
<script language="javascript" type="text/javascript"> <!--
var OsPage_Validators = new Array({});
// -->
</script>

</form>
</body>
</html>

Best Regards,

Diogo CS Cordeiro
Hi Diogo,

You can include the iframe inside a container, for example:

<div style="height:500px">
<iframe height=100% ... />
</div>

Or you can simply set an absolute value to the iframe height:

<iframe height=500px ... />

If you need to adjust the height of the iframe to its content, you can try this script:

http://www.diplok.com/1ppl/html/article093.html

Hope this helps.
Well, the script i saw, but don't have a clue on how to apply it, (tried to add the onload to extended properties, but went nowhere).

As for your suggestions, they imply i want a fixed size but I want it to be fully sized...100%

I only use this iframe because i don't know a way of linking to an external site from my app...

The external site "icon" doesn't let me use a variable in the URL.......and the links available are only internal....

Is there any way for me to have a fully extent iframe?

Best regards
Hello Diogo,

Linking to an external site from your application is quite simple.

Here is some information on how to do it:
http://www.outsystems.com/help/servicestudio/7.0/Default.htm#miscellaneous/add_dynamic_url.htm

I prepared also a simple OML with an example for you. Hope it helps :)


P.S. EnterpriseManager uses a script that resizes an iframe. Search for gosetheight.
Cheers,
Mário
Thank you Mário for all the info...

Guess i was a little blind about external site....

It suits now what i wanted....

I'll check that gosetheight some day after, because i will sure need it...

Best regards,

Diogo CS Cordeiro