- ganazAsked on August 05, 2011 at 10:55 PM
Please observe the following page:
The form is posted in an IFrame, page created with Frontpage. I tried embedding the From with Frontpage using the web component feature as listed in the embed instructions, but it cut off my form after the address field.
The following is the list of issues I'm experiencing:
--Formatting displays fine with Chrome & Firefox, but does not display properly with Internet Explorer. This didn't seem to always be the case. I don't know what changed. Unless I miss my mark, it seemed to be displaying fine in the Internet Explorer preview in Frontpage right up until I adjust the settings for the mail notification in the Jotform edit page.
--Multiple file submission button is active in Chrome, but only single file submission is active in Firefox and Internet Explorer.
--When multiple files are selected for upload, the submit button is eventually pushed down until it disappears from view.
Suggestions and solutions would be greatly appreciated!
- brx250Answered on August 06, 2011 at 02:26 AM
It seems to be a compatibility issue with certain browsers. I've tried replicating this on my end using the latest version of firefox but everything seems to be working fine. On Internet Explorer 8 however, I did encounter problems selecting more than one file to upload. I also looked into upgrading IE to make sure that it is version independent. Apparently, it still doesn't work on version 9.The only disadvantage, I believe, is that IE does not allow you to select multiple files in one go, but you can still upload several, one at a time. In any case, I will try to submit this to our developers so that they could look into it further.
Please feel free to revisit this thread in the future for updates.
Albert | JotForm Support
- ganazAnswered on August 10, 2011 at 09:02 PM
So, how about the formatting and display problem in IE?
- brx250Answered on August 11, 2011 at 12:00 AM
The form displays correctly with IE, you can still use it if you want. The only problem is that, your users cannot select multiple files but, they can upload multiple files at the same time.
Our developers are now looking into this. You will be informed through this thread for any updates.
We apologize for any inconvenience and thank you for your patience.
Albert | JotForm Support
- brx250Answered on August 11, 2011 at 05:35 AM
I will look further into your page code to make sure that everything's in order. I'll get back to you as soon as I am done. Cheers.
Albert | JotForm Support
- BFarmer1980Answered on August 12, 2011 at 01:26 AM
I thought it might be helpful if I provided an example of what I'm referring to in terms of the formatting.
Here's an example of a form I made and embedded with jotform quite some time ago: http://www.georgianazarene.org/contactus.html
Here's an example of that same, unchanged form being embedded into a page tonight: http://www.georgianazarene.org/contactus2.html
Notice that this is the same form, unchanged, embedded into their respective pages using the exact same method. Yet, while the first link displays properly in Internet Explorer, the second does not. This is what I'm trying to get some answers on. Cross-browser display was never an issue before, but something has suddenly turned it into an issue.
- brx250Answered on August 12, 2011 at 03:10 AM
I've checked the URLs you've given and I can't seem to notice any inconsistencies with your form. What version of IE are you using? I've provided below the screenshots in IE version 9.
This is the http://www.georgianazarene.org/contactus.html
This one is from the http://www.georgianazarene.org/contactus2.html
If you could provide screenshots of your form, that would be very great. This is for us to replicate the issue and investigate it on hand.
Again, we do apologize for any inconvenience this has caused you. Thank you for your patience.
Albert | JotForm Support
- ganazAnswered on August 13, 2011 at 12:55 AM
I'm using IE8. The reason for this is that I'm using Frontpage do maintain these sites, and while the preview function in Frontpage works with IE8, it does not with IE9.
Anyway, here's http://www.georgianazarene.org/contactus.html as I'm seeing it in IE8:
And here's http://www.georgianazarene.org/contactus2.html as I'm seeing it in IE8:
As long as I'm displaying screenshots, let me show you what the Multiple File Upload button looks like on http://www.georgianazarene.org/resume1.html in Chrome:
In Firefox (only one upload allowed, despite multiple uploads being enabled):
and in IE8 (also only allows one file at a time. Note that the formatting issues are present on this form, too):
- allanftdAnswered on August 13, 2011 at 01:22 AM
If using another embed code is an option, could you please try to change the existing embed code and use either the Iframe or the Full Source embed code? Another thing, please use the URL format http://www.jotform.com/form/<11-digit Form ID> instead of http://form.jotform.com/form/<11-digit form ID> in the embed code.
Lastly, please try to clear your browser cache and restart your browser.
Please try it and let us know how it goes.
- ganazAnswered on August 13, 2011 at 03:08 AM
Clearing the cache seems to have resolved the display issues. Not sure what happened, but it's all displaying and functioning properly now across all three browsers.
As far as the address used within the embed code goes, I'm just copying and pasting the embed code that jotform generates exactly as it appears. Perhaps, if the other address is something that should be used, it should be what jotform generates when embed codes are requested. Just a suggestion.
Will changing the address from http://form.jotform.com/form/<11-digit form ID> to http://www.jotform.com/form/<11-digit Form ID> really affect things one way or another to the point that I should go back and manually change them in all the forms I've got out there?
- ganazAnswered on August 13, 2011 at 05:33 AM
I do appreciate your help on the two aforementioned issues! Now, if you can, I'd appreciate some help on the third one.
At http://www.georgianazarene.org/resume1.html, which is embedded via iframe, when more than two files are selected for uploading, the submit button at the bottom of the form is pushed down out of view, and cannot be clicked.
Is there some way to either enable the form to expand with the addition of the file listings when they're put up on the screen (preferably), or enable a scrollbar to be present on the iframe so that the submit button can be reached?
- JotForm SupportliyamAnswered on August 13, 2011 at 06:45 AM
Have you tried using script embedding instead of an iframe? I'm not sure if it will work but I believe it's worth a try.
- ganazAnswered on August 13, 2011 at 08:42 AM
I did try embedding (via the Frontpage method, which I've used for every other form). The problem I had with that was that, for some reason, when I embedded, the form was cut off after the "address" section.
- allanftdAnswered on August 13, 2011 at 09:04 AM
You can do two things:
1. Increase the height of the Iframe in your Iframe embed code (yellow highlight below)
2. Activate scrolling if form length is longer than the Iframe height (green highlight below)
<iframe allowtransparency="true" src="//www.jotform.com/form/11100548153" frameborder="0" style="width:100%; height:1000px; border:none;" scrolling="auto">
Don't forget to change the 11-digit Form ID to that of your form. We hope you find this information useful. Please let us know if you need further assistance.
- ganazAnswered on August 13, 2011 at 07:21 PM
Activating scrolling did the trick. All set now. Thanks for your patience and assistance! God bless!
- JotForm SupportabajanAnswered on August 13, 2011 at 08:30 PM
Glad the team came through for you, ganaz. If ever there's anything else related to your form(s) with which you require assistance please feel free to post the query on the forum and we'll be happy to help however best we can.
Cheers & God Bless you too! :)