Return to previous page

Iframe in modal ignores height - by mozmocreative

This topic has 10 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Robert Hall

mozmocreative

Participant

March 5, 2015 at 03:04

Hi,

I have an iframe in a static block, being shown in a modal box, the code is below, but the iframe keeps being rendered as 304.75px height, cutting off the contents. I can’t seem to find why it’s being resized to this height? I’ve set the modal box width in custom css, but that is all.

Link: http://cp211.ezyreg.com/~mymy2015/ (click the book a tour button in top bar)

<iframe style="width: 460px; height: 700px;" title="Book a tour" src="https://myfitnessclub.formstack.com/forms/mfcbooktour" width="400" height="750" scrolling="no" seamless="seamless"></iframe>

Please, contact administrator
for this information.

#47472 Copied

9 Answers

Eva Kemp

Participant

March 5, 2015 at 17:32

Hello,

As I see the form is shown fine:
http://storage3.static.itmages.com/i/15/0305/h_1425573027_1892342_ce07c0d09b.png

Have you fixed the issue?

Regards,
Eva Kemp.

#47656 Copied

mozmocreative

Participant

March 10, 2015 at 01:41

Look again, the “last name” field is cut off, and below that is another text field, and a dropdown box, then a submit button – so quite a bit of the form is cut off.

#48352 Copied

mozmocreative

Participant

March 16, 2015 at 01:00

Hi, just following up on this since it’s been almost a week. Thanks

#49713 Copied

Robert Hall

Participant

March 18, 2015 at 15:57

Hello,

What browser you’re using?
Maybe provide screenshot for our better understanding and highlight what exactly you want.

Regards,
Robert Hall.

#50561 Copied

mozmocreative

Participant

March 19, 2015 at 03:14

Ok I’ve fixed the sizing issue but I need to find a solution for the background. I have 2 modal boxes (the orange buttons in the language bar area open them) and the background won’t stretch properly\fully (see in the CHECK US OUT box). So I tried setting the background to contain within the box, and made a gradient to fade to the grey, but then it repeats and looks weird (begin your fitness journey box). Neither of these are ok with the client so I need a fix..

I’ve highlighted in red where the issues are. This is in Safari, latest chrome version, and firefox latest version.

http://imgur.com/jHQEucX

#50757 Copied

mozmocreative

Participant

March 25, 2015 at 00:48

Umm so I’m still waiting on a fix for this. Has been nearly 3 weeks since I opened this ticket.

I need the background images on the above iframe modal boxes fixed. See post above.

#52144 Copied
Eva Kemp

Participant

March 25, 2015 at 19:30
Hello,

I’ve set background image in Design Options tab of the row settings:
https://s3.amazonaws.com/fvd-data/notes/168674/1427307651-xEaLfQ/screen.png
and added this code in custom.css file:

.ult_modal-body { padding: 0px 10px !important; }

Please check “Try Us Free” button now and clear browser cache before.

Thank you.
Regards,
Eva Kemp.
#52391 Copied
mozmocreative

Participant

March 26, 2015 at 04:52

Thanks, this has fixed the issue

#52435 Copied

Robert Hall

Participant

March 26, 2015 at 08:12

Hello,

You’re welcome!

Regards,
Robert Hall.

#52441 Copied
Viewing 10 results - 1 through 10 (of 10 total)