Resize iFrame
I have an issue where I need to integrate BO reports (Crystal) into ALUI portal. I am using the Opendocument.jsp call to view the crystal report. I am having problem with the iFrame size, the report does not look good and I am looking for options to adjust the iframe size. Is there any way that we can adjust the size of the iFrame in the through SDK? Please let me know if there are any options available. Thanks for your help.
There are no options within any of our SDK's to adjust the size of your IFrame.
Similar Messages
-
Another 'Go Figure' puzzle from Google Chrome.
This JavaScript re-sizes iFrame height to content & works perfectly for me on Win in IE6, 7, 8, FF, Opera and Safari but it doesn't work in Chrome.
JavaScript:
<!--resize iframe-->
<script type="text/javascript">
function resizeIframe(obj)
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
</script>
HTML:
<iframe name="iFRAME1" id="iFRAME1" src="some-page.html"
scrolling="no" allowtransparency="true" width="100%"
frameborder="0" onload='javascript:resizeIframe(this);'>
</iframe>
Here's a Link: Click on OPACITY EXAMPLES to load a new page in the iFrame.
http://alt-web.com/Backgrounds.shtml
Anybody know of a quick fix exclusively for Chrome (not webkit)?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altwebNancy, this appears to be webkit despite your post. I tried your page on my MBP, Safari 5.0.3 ( 6533.19.4 ) and Chrome ( 8.0.552.231 ), both show the iframe at full length without resizing while Firefox 4 Beta 8 is showing the resizing. Only way it seemed to ignore it is if I clicked the link before the first frame completely loaded.
I did a quick search and came across this:
http://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content (further links to http://www.phinesolutions.com/use-jquery-to-adjust-the-iframe-height.html ).
What was interesting is that they are suggesting the inclusion of JQquery to get the the page load and resizing. One item to note is that their JQuery solution was only tested in webkit back in Safari 3.x (prior to Chrome?) so it is possible that with the updated JQuery library and webkit engine that it could work in those browsers now. -
Dynamically Resizing Webdynpro iFrame
Hello,
I have an iFrame that is pointing to a KM Dumont. This KM document changes often. The source of the iframe is set to a context attribute. This context attribute is set to a string variable. The string variable contains the url to the KM document. How can I have the iframe resize to display the entire content of the KM document? I read some blogs and numerous forum post and can not retrieve a solution. Here are a couple of the places I visited to find the answers and was unsuccessful.
Escaping the Procrustean bed
Resize IFrame
Regards,
Francis
Edited by: Francis Cung on Oct 7, 2008 5:39 PM
Edited by: Francis Cung on Oct 8, 2008 9:38 PM
Edited by: Francis Cung on Oct 8, 2008 9:39 PM
Edited by: Francis Cung on Oct 8, 2008 9:40 PMI change the two lines below:
1. This: textField.text = val to this: textField.htmlText = val;
2. This: return textField.text; to this: return textField.htmlText;
Here we go:
import flash.events.Event;
import flash.text.StyleSheet;
import mx.controls.TextArea;
public class DynamicTextArea extends TextArea
public function DynamicTextArea(){
super();
super.horizontalScrollPolicy = "off";
super.verticalScrollPolicy = "off";
this.addEventListener(Event.CHANGE, adjustHeightHandler);
private function adjustHeightHandler(event:Event):void{
//trace("textField.getLineMetrics(0).height: " + textField.getLineMetrics(0).height);
if(height <= textField.textHeight + textField.getLineMetrics(0).height){
height = textField.textHeight;
validateNow();
override public function set htmlText(val:String):void{
textField.htmlText = val;
validateNow();
height = textField.textHeight;
validateNow();
override public function set height(value:Number):void{
if(textField == null){
if(height <= value){
super.height = value;
}else{
var currentHeight:uint = textField.textHeight + textField.getLineMetrics(0).height;
if (currentHeight<= super.maxHeight){
if(textField.textHeight != textField.getLineMetrics(0).height){
super.height = currentHeight;
}else{
super.height = super.maxHeight;
override public function get htmlText():String{
return textField.htmlText;
override public function set maxHeight(value:Number):void{
super.maxHeight = value; -
Opening a link from one iframe into another
Hello,
I have a web template in which there are three iframes. Each Iframe has a different web template embedded in it. I want to open a link present in one iframe into another.
Example:
iframe 1 (id: left) contains a link google dot com (or a link to a different web template)
when i click on the link, i want this page to open in iframe 2 (id: right)
Can anyone help me on how this can be done? I'm working in WAD7.0 and hence iframes.
Another question related to this is:
Can we create resizable iframes? In the older version of WAD, HTML was used and this was possible through framesets.
In NEW WAD 7.0, XHTML does not support framesets. So is there any other way to do it?
Regards,
SameerEither file is corrupt, theres' a corresponding .idlk file in the same folder, or it isn't really an indesign file.
How was the file transfered? What is the file extension? -
Generating the iFrame Dynamically
Hi Experts,
I need help in creating the iFrame dynamically. The following is the exact problem i am facing!
We have applications integrated in Portal using customized App integrator and with our own portal Layout defined.
The iframe that is generated in not dynamic with height and width.
if the integrted application is big then the height mentioned then we will get a double scrollbar.
If the fixed hight is set and when we navigate inside the application which is smaller than the fxied height then we get a big blank white page int he bottom.
So the only solution to fix this issue is to make the generated iframe dynamic.
Please guide me on how to do this!
Your inputs will be appreciated!
Thanks,
Srini.Hi Srinivas,
Please refer to the following documents:
Blog:
Escaping the Procrustean bed
Forum:
Resize IFrame
Dynamic src of an IFRAME
Hope they are useful.
Regards,
Seema Rane. -
Inserted HTML does NOT push content when resized
Hi,
we are building a website for a hotel and are bound to include their channel manager module into the site. In order to do that, you have to follow these steps:
1. Paste JavaScript code into the head section to load the module.
2. Place a short line of code with "insert HTML" into the site where the module should appear and that's it.
The module is generated by a server-side script from the channel manager's server and pasted into an iFrame that is also generated by this very script. The thing is: It resizes the height of the iFrame depending on the displayed content in the iFrame. So we start with 301 px height when we call the page and start the search for free rooms. The results are displayed on a 1400 px iFrame, which resizes properly when showing the results.
THE PROBLEM: The footers stays put and the iFrame runs behind it and off the display port. There is also no scrollbar showing up allowing me to scroll to the bottom of the iFrame.
We got three layers:
3. Top Layer (Containing top navigation and footer, both defined in a master page that is applied to the content page)
2. Content Layer (Containing the inserted HTML with the generated iFrame)
1. Background Layer (Well, it contains background elements)
WE NEED: The footer to be pushed by the ever resizing iFrame and get a scrollbar when neccessary due to iFrame height.
What are we doing wrong?Thank you for your suggestions, although I don't think they will fix the problem.
We cannot alter the server script in any way, since it is located on the channel manager's server and is just called with a customer id to show our client's hotel related data. They resize the iFrame using an inline height style tag. This causes the page to not recognize the size change and not even showing a scrollbar at all, when the iFrame exceeds the view port.
We already put a div around the JS-call which expands with the iFrame as expected.
<div id="u1218"><!-- custom html -->
<div>
<script language="javascript" type="text/javascript">
function();
</script>
</div>
</div>
This results in an iFrame inserted after the script tag, the div around the script expands correctly. We already removed any master page objects, created a blank new master page to define header and footer areas and pasted our menu and footer directly into the page of question on the same layer as the inserted html box went. So for our understanding the expanding div around the script should push the footer on this page to whereever it ends. It just doesn't. Also we do not get any scrollbar, although the iFrame clearly gets larger than the viewport area and the page just doesn't recognize it. -
Linking IFrame with Web dynpro Views
Hi All,
How can I link IFrame of webdynpro (where I created one html page) with web dynpro views.What my requirement is when I clicks a button in the html page of the IFrame, it should pass the values from this html pages to Web dynpro views.
Thanks
Fahad HamsaHi
Try This
http://help.sap.com/saphelp_nw2004s/helpdata/en/e9/7652a84fada444bd11ca73670ce7dc/frameset.htm
Resize IFrame
Kind Regards
Mukesh -
How to insert a tumbler blog into muse web site?
Hey I was wondering if you know how to insert a tumbler blog into adobe muse? I have a tumbler account but would like to use it in adobe muse. how can I add it to my blog page in muse for desktop?
Goto your Tumblr account and then view it when you're logged out ... the URL link should look something like this?:
http://my-tumblr-blog.tumblr.com
Now copy & paste that URL link and insert it into this code snippet:
<iframe src="http://my-tumblr-blog.tumblr.com" onLoad="calcHeight();" scrolling="YES" frameborder="0" width="660" height="950" name="resize" id="resize"></iframe>
Now copy and paste this edited snippet into the Muse page where you want your Blog ... set the correct width and height in the code (see above) to fit your page ...
Cutomize it:
I would suggest customizing your Blog with the built-in customize HTML section to tweak the embedded Blog page ... i.e. turn off some of the Tumblr sections like Header, Description, etc, if you don't want them ...
Better still go over to this Tumblr Theme site and create a nice custom theme where you can do it all yourself ...
Then after that still use the snippet code above once you have copied & pasted the new customised Tumblr HTML into you Tumblr Blog:
http://www.totallylayouts.com/tumblr-generator/
The art is to streamline your Blog as much as possible so you get the most screen estate shown in Muse, because as an inserted iFrame widget you do lose a bit ...
cheers,
Gem -
Will iweb continue to work with other web host after june 2012
will iweb continue to work with other web host after june 2012
as long as osx supports it, iweb should work beyond june 2012 as an app by itself.
however, the some of the currently published code will break when mme servers are to shut down; unless apple comes up with a patches by then.
most of mme features can be replaced and fully implemented on other host servers.
Password protection
can be implemented with apache server.
Blog and photo comments
with Intense Debate commenting system, ex:
http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2011/2/12_Dynamically_Resize _iFrame.html
no need for manually resizing iframe.
if you have comments on mme servers and value them then you should find ways to archive them, because they'll be gone:
https://discussions.apple.com/message/15528258#15528258
Blog search
with google search, as long as your site is indexed with google search engines.
Hit counter
with statcounter and can have the same look as mme hit counter:
http://home.cyclosaurus.com/Cyclosaurus.html
as for photos page's popup slideshows, everything can be packaged in an installer so there is no need for editing, find+replace of anything.
if i feel good i just may release my installer for iweb slideshow patch. -
I know that we can resize the IFrame based on the height of the Content.
Now the problem I have is that I am using a URL iView and want the height of the IFrame to be auto adjusted based on the content shown in the IFrame.
To achieve this I need to call a Javascript function to resize the IFrame, but I don't know how to get handle of the current IFrame. This IFrame is generated by the Portal Framework and there is no ID/Name attached to it.
So is there a way to get the handle of the IFrame from within the content. For e.g. can the content get access to the IFrame in which it is being shown.
Thanks in Advance.
AnkurAnkur
You can get the portal to resize the content automatically using the propertys of the iview/page and setting the page height to automatic. However, this will only work if the domain of the website that you are accessing is the same domain as the portal, i.e. if your portal is myportal.mydomain.com then the domain of the portal is mydomain.com. If the website is then mywebsite.internaldomain.com, then, unless the websites domain (by default) is mysebsite.internaldomain.com. Even if the website relaxed its domain to internaldomain.com the automatic resizing would not work. This is a security feature of browsers and can not be coded around. There are threads regarding the 'Access Denied' messages when trying to perform cross-domain scripting
I hope this helps
D -
Spry iFrame Hack Problem - Resize Submenus
I'm trying to resize the submenus on the Spry Menu Bar
different sizes. It seems that when I make one submenu smaller than
the rest an iFrame sticks out of the side (with the width of the
rest of the submenus NOT the one I just resized). It of course
cannot be seen on FireFox but can be seen on IE. Any tips?I see that you have fixed it.
Gramps -
Div or iFrame resize depending on content.
Can you hide a div unless you make it visible when being
clicked? How?
I have tried to use an iFrame for this, but cannot make it
right. I cannot make the div being resized depending on the content
of the page being targeted. That is why I have thought about maybe
using divs in stead.
I hope someone understand what I mean! Can anyone help?
/ LenaI have tested several iframe resize techniques and the link
to the following
works best for me.
IFRAME SSI - II
http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm
The instructions are pretty straightforward.
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com -
How can you stop slideshow from resizing the browser window iframe ?
Does anyone know where the code is that causes the iweb slideshow to resize the browser window when it is opened?
When it is placed on a page using <iframe src="http://homepage.mac.com/coreydee/slideshow/index.html" width="760" height="580" scrolling="no" style="border:none;" frameborder="0"></iframe> It resizes the browser window when it starts.Does anyone know where the code is that causes the
iweb slideshow to resize the browser window when it
is opened?
When it is placed on a page using <iframe
src="http://homepage.mac.com/coreydee/slideshow/index.
html" width="760" height="580" scrolling="no"
style="border:none;" frameborder="0"></iframe> It
resizes the browser window when it starts.
The iWeb .Mac slideshow, which you previously tried to add in an iframe, does have a function to resize the window. But it would not cause the whole window to resize, just page within the iframe so you would never know.
However, the autoviewer one you are using should not do this. -
Resize the captivate movie according to iframe dimensions.
Hello, I have captivate interactive movie embedded inside iframe. When I see only the output, it looks perfect and resizes according to dimensions of browser window. But, when i embedd the movie into iframe its dimensions seems distorted as shown below. How do I make if responsive according to size of iframe?
1. I will use (.fla) file source
2. Put behavior sound o script AS3
3. Refresh object in my Library Items
Also I try convert swf to video flv and custom skin control sound video. -
Iframes and automatic resizing to fit content displayed.
Hi
Is it possible to display an iframe on your page with content inside that resizes and then have the iframe resize with it so you dont have to use scroll bars or make the page size really big.?If the iframe page is hosted on your domain, yes, there is a jQuery plugin for this.
http://github.com/house9/jquery-iframe-auto-height
If the iframe page is hosted externally, it won't work.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
Maybe you are looking for
-
When I attempt to insert an image (.jpg) in my blog, the title (if used) appears, but the image doesn't. Images that worked before I upgraded to version 3.6.10 will not load now either, but the images that were inserted before the upgrade are fine. B
-
Photoshop elements uploader to facebook won't work properly.
Photoshop Elements 11 gives the opportunity to share pictures with facebook. The facebook uploader doesn't work for me. Uploading in high resolution won't work at all. But even in standard resolution, the following problems occur: 1) uploader does no
-
Hi everybody. Today is time to back to the past, lol. I have this model and Im very surprise because I cant turn it on. I connect the AC adaptor, push "play" button to turn it on and theres no signal. I only hear a low beep when I push the button and
-
Distortion when on speakerphone: help!
Hello, My iPhone 3G has always been working wonderfully until a few days ago...I often use speakerphone during calls, but now suddenly when I switch speakerphone on, there is a loud distortion and the caller´s voice is breaking up, making calls impos
-
Customizing order for setter and getter methods in ViewRowImpl
I have problem to calculate value for one attribute of my viewObjectRow which depends on values of other attributes in my row and result of stored function. I menaged to do all of this except getting value one of attributes that i need. Order of call