You need to sign in to do that
Don't have an account?
Sure@Dream
Tabpanel taking more width than the container when displayed in iframe, in IE and Chrome
Hi all,
I am having a visualforce page, with an iframe. I am displaying another page(page2) in this. On click of a link in page2, we wil be redirected to page 3, within the iframe.
I am displaying a rich text area, in page3, inside a tabpanel. I have set the width for the containing form as 880px.Its working fine in the individual page. But, when displayed in page1, (by redirecting from page2), the content in the tabpanel is cutting off in the right side of the iframe.
<apex:form> in the page 3 is having width as 880px only, but tabpanel's width is exceeding.
Everything is fine in firefox. But this issue is seen in IE and Chrome.
Can some one help me with this please?
The layouts are as follows(rough);
page1:
<pre>
..
<div style="width:880px;">
<apex:iframe src="page2" width="100%"/>
</div>
..
</pre>
page2:
<pre>
..
<apex:form style"width:880px">
<apex:datatable value="records" var="rec">
<apex:column>
<apex:commandLink value="{!rec.name}" action="{!redirect}>
<!--used param to pass the value-->
</apex:commandLink>
<apex:column>
</apex:datatable>
</apex:form>
..
</pre>
Page3:
<pre>
..
<apex:form style="width:880px">
<apex:tabpanel>
<apex:tab>
<apex:outputfield value="a_richTextAreaField"/>
</apex:tab>
<apex:tab>
some other content
<apex:tab>
</apex:tabpanel>
</apex:form>
..
</pre>
Thanks
I am having a visualforce page, with an iframe. I am displaying another page(page2) in this. On click of a link in page2, we wil be redirected to page 3, within the iframe.
I am displaying a rich text area, in page3, inside a tabpanel. I have set the width for the containing form as 880px.Its working fine in the individual page. But, when displayed in page1, (by redirecting from page2), the content in the tabpanel is cutting off in the right side of the iframe.
<apex:form> in the page 3 is having width as 880px only, but tabpanel's width is exceeding.
Everything is fine in firefox. But this issue is seen in IE and Chrome.
Can some one help me with this please?
The layouts are as follows(rough);
page1:
<pre>
..
<div style="width:880px;">
<apex:iframe src="page2" width="100%"/>
</div>
..
</pre>
page2:
<pre>
..
<apex:form style"width:880px">
<apex:datatable value="records" var="rec">
<apex:column>
<apex:commandLink value="{!rec.name}" action="{!redirect}>
<!--used param to pass the value-->
</apex:commandLink>
<apex:column>
</apex:datatable>
</apex:form>
..
</pre>
Page3:
<pre>
..
<apex:form style="width:880px">
<apex:tabpanel>
<apex:tab>
<apex:outputfield value="a_richTextAreaField"/>
</apex:tab>
<apex:tab>
some other content
<apex:tab>
</apex:tabpanel>
</apex:form>
..
</pre>
Thanks
apex:iframe
http://www.salesforce.com/us/developer/docs/pages/Content/pages_compref_iframe.htm
Usage of iFrame in Salesforce is not recommended, also Google had disabled the loading of iFrames.
Vote for the idea: Dynamically Resize iFrame.
https://success.salesforce.com/ideaView?id=08730000000BpiMAAS
See and try if this can solve the issue,
http://www.interactiveties.com/b_remove_scrolls.php#.U3NUaPmSwpE
See the discussion in the thread below,
http://salesforce.stackexchange.com/questions/5885/iframe-is-cutting-off-on-salesforce-homepage-can-i-make-its-height-adjust-to-he
Regards,
Ashish