Are you aware of any cross browser issues on Forms?

  • Profile Image
    dsdonnie
    Asked on July 27, 2011 at 11:59 AM

    I am having issues getting my form to appear properly among different browsers. If I use Opera it seems to work fine. If I try Firefox then I am unable to get the 3rd page break to appear. If I use Safari then I have really strange issues where my page loads out of order (for example instead of hidden options showing up below the option the user chooses they pop up top but this doesnt happen with any other browser). How can I correct this or are there guides to avoid cross browser issues?

     

     

    ...I removed the page breaks and all the problems totally went away

  • Profile Image
    NeilVicente
    Answered on July 27, 2011 at 03:28 PM

    Hi,

    Yes, we are aware of cross browser issues. It is a fact every web person must accept and adapt with. Here at Jotform, we are continuously finding ways to improve our forms' cross-browser compatibility.

    If you have such an issue, please report it to us, together with the url of the form concerned.

    As I see in your form though, you have removed the page breaks, thus, I have no way of seeing the discrepancy in action. Can you please clone the form then insert the page breaks as you have inserted before?

    I'll be looking forward to your response. Thanks!

    Thanks!


    Neil

  • Profile Image
    dsdonnie
    Answered on July 27, 2011 at 03:48 PM

    here is a clone of the form with the page breaks added.

     

    http://form.jotform.com/dsdonnie/12074256280

    hope this helps. if i could get these to work i would like to use them.

  • Profile Image
    NeilVicente
    Answered on July 27, 2011 at 04:32 PM

    Hi,

    Please delete then re-create your free text header:

    You may just copy the codes below for that part. I have tested them in this clone and it worked flawlessly.

    <p><strong><em><span style="text-decoration: underline;"><span style="font-size: xx-large; font-family: georgia,palatino;">Choose Your Decal Package</span></span></em></strong></p>

    Click on your free text html then click the html button in the toolbar. Delete the existing codes then paste the codes I provided onto the text area. Click OK.

    Hope this solution works for you. Thanks!


    Neil

  • Profile Image
    dsdonnie
    Answered on July 28, 2011 at 07:59 AM

    Hi Neil,

    Thank you for the help! That seemed to fix that issue for the 2nd break but I am still unable to get the 3rd page break to function outside of the OPERA browser.

  • Profile Image
    NeilVicente
    Answered on July 28, 2011 at 02:23 PM

    Hi,

    Re-create all free text fields in your form. Those fields are what's causing the page breaks to not work. Or you can instead replace these free text fields with headings.

    The heading tool can be be found under the Form Tools section


    Let us know how it goes from here on. Thanks!


    Neil

  • Profile Image
    dsdonnie
    Answered on July 31, 2011 at 07:33 PM

    ok so i have managed to narrow my issue down to just IE. the format gets messed up only with that browser. works fine now in opera,firefox, and safari. any ideas?

     

    here is the form

    http://www.jotform.com/form/12081937291

  • Profile Image
    brx250
    Answered on August 01, 2011 at 02:31 AM

    Hi dsdonnie,

    I've tried replicating your issue on our end. I've seen your form through different browsers and I’m always getting the same results.  In order for us to look into this deeper, we would need additional details such as the version of your IE browser, and screenshots if any. If you could do so, that would be very great.

    We will be waiting for your response. Thank you for your patience.

    _____________________________________________
      
    Albert JotFrom Support 
     

  • Profile Image
    dsdonnie
    Answered on August 01, 2011 at 09:24 AM

    Hi Albert,

    When you go to the options on the form where you are supposed to choose a vehicle side graphic the allignment seems off on IE. It should look like there is an image and then directly to the left there should be 2 choices (driver and passenger). Then the same format on the lines below showing the other options. When I try to open it on IE it showed the first image and driver and pass options then still on the same line shows the text option for the line beneath it and then similar allignment issues for the rest of the options. I am currently on a MAC here at the moment and dont have IE available however I will be able to provide some screen shots later today or this evening to better illustrate the issue. I am pretty sure I have the latest version of IE at home on my PC that was having the issue.

    So when you look at the form using IE on your end it appears fine and doesnt look like there are any obvious allignment problems? Should I put some kind of disclaimer on the bottom of the form saying users need to have IE version "x" or later to view properly?

     

    Thank you all very much for the help and support!!

  • Profile Image
    NeilVicente
    Answered on August 01, 2011 at 04:40 PM

    Donnie,

    I am not sure but I think this is the part that you were talking about:

     

     

    As the screenshot suggests, I have viewed your form using Internet Explorer, version 8 to be exact. I don't see anything wrong with this part of the form, so if this is not the part you're having alignment issues with, please post your reply to this thread together with a screenshot of the error.

    We will  be looking forward to your response. Thanks!


    Neil

  • Profile Image
    dsdonnie
    Answered on August 01, 2011 at 09:29 PM

    Hi Neil,

    I am testing it on IE 7. I will attempt to update my browser on this PC and retest it with a later version. My concern is that the target users may be using older machines with outdated browsers. Any ideas for a workaround if this is a outdated browser issue? 

  • Profile Image
    dsdonnie
    Answered on August 01, 2011 at 09:31 PM

    another example

  • Profile Image
    brx250
    Answered on August 02, 2011 at 01:39 AM

    Hi there,

    Since your form only has its issues when viewed via older versions of IE, this makes it apparent that the cause of the problem is the browser itself. Unfortunately, we can't do anything about it unless change the form's design. Or you might just want to inform your clients that your site is best viewed with opera, safari, chrome, mozilla, and IE version 8 or 9. Hope this helps.

    If you do have any concerns, please feel free to contact us. Our team will be more than glad to help you with anything.

    _____________________________________________

    Albert JotFrom Support