Form with collapse field not working on my WP website using Firefox browser

I also have a No Form Collapse version of the form here: http://www.manuelpalachuk.com/test

That test form is: http://www.jotform.com//?formID=42426626172150

Let me know If I should start a new/separate thread for the Form Collapse

Hi,

Upon looking at your form now, I can't seem to find any form collapse. Were you able to sort this out by trying a different route? 

Please let us know if there's anything you need help with. We'd be happy to assist.

Cheers! =)

Sorry, I just checked your original thread and I think I missed something. Let me re-read the whole issue and get back to you with regards to the "no" form collapse test page. Thanks!

I have checked it with Firefox and it is working properly on my side. The calculation works as expected. I would suggest to clear your Firefox browser's cache and check it again. Update it to the latest version if necessary.

Screencast: http://www.manuelpalachuk.com/test/

Using Firefox v32

If the issue persists, re-embed your form using iframe embed code. This might resolve the problem.

Guide: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

Thanks!

Hello,

I cleared cache and even tried from other machines.

I am not going to try to upgrade from Firefox 31 to 32 because a huge majority of Firefox users are always one, two, or three rev's back so that solution is not realistic.

I used the iframes embedding and it all seems to work but I did notice that the form seemed to have some trouble scrolling inside the iframe. I can't get the issue to repeat on demand so I will not consider it an issue to pursue.

I will continue to develop the form and report issues as they come up.

But I do have concerns about load and use speed. Will it be slower in an iframe?

Thanks

@ManuelPalachuk

Great, glad to hear the iframe works for you.

No, the speed is pretty much the same when you use script embed. What makes it good with iframe is that it won't conflict anything on your page since the form loads in an iframe container. So there's pretty much nothing can break your form when embedded.

Thank you so much!

All seems to be good except now the iframe does not always show all content.

If you click a Form Collapse and slide some numbers and then click another Form Collapse, you can get the iframe to look as if the heading of the form has scrolled up and you cannot see it.

I'm unable to see form collapse in this form http://www.jotform.us/form/42426626172150. Did you remove it? I have cloned it and it doesn't have any form collapse in it. I was also trying to replicate what you have mentioned in my cloned version but I don't see the heading scrolled up when clicking on the form collapse.

Is this only happening when you embed your form to your site?

Sorry,

The form may have been renamed. it is: http://www.jotform.com//?formID=42414254650145

Try it on my site like this....

Hit the link and move a few sliders in the top section then DON'T go to the next section down, skip to the bottom or second to bottom section.

Keep an eye on the top of the form. It will disappear until you do a collapse.

Problem verified on Windows or Linux using FireFox or Chrome.

Thanks

I was testing this with older versions of browsers and seems that for longer forms that has form collapse they seems to be of the same behaviour. I notice that if form is shorter then this behaviour is not appearing so I think it was designed like this for longer forms so that user won't have to scroll down or up if the form collapse has a ton of fields inside.

So if it doesn't work outside an iframe and it doesn't behave correctly inside, what now?

You seem to have removed the form collapse. Can you please duplicate your current page and embed the form with collapse tool there? This way, we can check and see the behaviour of the form.

Thank you!

All,

Once again,

The form in question is: http://www.jotform.com//?formID=42414254650145

The site page where it is embedded using iframe is: http://www.manuelpalachuk.com/resource-center/business-maturity-level

If other forms or links are called out earlier in this thread please disregard them.

Thanks

I could replicate the same behavior in Chrome and Firefox:

http://screencast-o-matic.com/watch/c2QerinPmF

In IExplorer it behaved normally.

As I opened a new form collapse, the upper content of the iFrame got hidden. I forwarded this situation to our developers so they can take a deeper look into this.

They will contact you via this thread once they have an update on this matter.

Let us know if we can assist you further.

Thank you.

We could also try to make the Form Collapse and Calculations work without using an iframe!

Just sayin'

Thanks

@ManuelPalachuk 

Thanks for your reply. How about enabling the scroll bar when the form content overlaps the iframe height? If you prefer this way, simply change the scrolling value from no to yes found on the iframe embed code. And then add ?nojump at the end of the form URL so the form won't jump to the top. This might help prevent the cut off on the top portion of the form.

Example:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42414254650145?nojump" frameborder="0" style="width: 100%; height: 1840px; border: none; scrolling="yes"></iframe>

Give it a try and let us know if this doesn't make any difference. Thanks!

The ?nojump is all I needed.

It seems to be working now and I will keep an eye on it.

If something changes I will try the scrolling but only as a last option.

No Scrolling! :)

Thank you all for your help.

On behalf of my colleagues, you are quite welcome. Thank you for using our service.