Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Customising the CMS /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Making iFrames Larger in the CMS and moving the Replace Image button

Go to End

3 Posts   2347 Views


Community Member, 13 Posts

17 March 2009 at 2:07pm

The 'replace image' button in the CMS overlaps the images drop down list in IE. I found a couple tickets here and there with some notes on this but not how to go about fixing it and I can't tell for sure if upgrading to the latest version will solve this.

sapphire/templates/ is the template I refer to. This template has the Replace Image form on it. I want to widen the iFrame this template gets placed in (name="ImageFloatRight_iframe"). The iFrame has style height and width properties directly in the tag instead of in the CSS file, so I have to edit the iFrame tag directly - but I don't know where it is.

I'm widening the iFrame so I can widen the form in sapphire/templates/ and thus move the 'replace image' button further to the side so it doesn't overlap in IE.

Any help on this issue would be great.

I've been loving SS for 6 months and have built several very complex sites with it, it works great in nearly all cases.



Community Member, 13 Posts

31 March 2009 at 6:24am


Still trying to figure this out. I updated to the latest release but the problem remains in the new releases. It seems like an IE7 compatibility issue with the CMS would have been top priority for the SS team.

Can I clarify this for anyone? I have an image which is editable for each page. There are two radio buttons - one to upload an image from the computer and one to select an existing image. In IE when you choose to select an existing image the drop down menu falls behind the submit button so you can't see the choices. This is an IE issue where submit buttons are given z-index priority.... the easiest way to solve it is to simply move the submit button over, but I can't do that without widening the iFrame, and I can't find where to widen the iFrame. Make sense?



Community Member, 17 Posts

9 March 2010 at 9:52pm

Edited: 09/03/2010 9:54pm

I'm having a similar issue, where i've been using the image gallery module. Once the image is uploaded and we go to view the details for that image (for example if we've extended the pagetype), the iframe isn't set to the right size. Comparing the code with other popups that look right shows the iframe width isn't being set. No idea where to go from here - have attached a screenie. Any help would be most excellent ha!

Attached Files