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've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

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   2732 Views

Avatar
entercow

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/Image_iframe.ss 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/Image_iframe.ss 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.

Thanks!

Avatar
entercow

Community Member, 13 Posts

31 March 2009 at 6:24am

Bump.

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?

Thanks

Avatar
Pranil

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