+ Start a Discussion
Sure@DreamSure@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
Ashish_SFDCAshish_SFDC
Hi , 


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