The header row of the Spreadsheed widget is not shown on IE

  • HOWNewForms
    Asked on May 30, 2015 at 12:18 PM
    However, the form

    http://form.jotform.us/form/51438935402152 does not display to the table header text using the Explorer Browser. The form correctly displays when using Firefox and Google Chrome.  I cannot force users (>50 for now and larger in the future) to use a specific browser as I cannot force our user community to clear cache prior to entering data in a form.  My questions for now are:

    1. What can be done to fix the Explorer browser problem and clearing cache is not necessarily the answer?  Clearing forms cache and Explorer cache did not solve it for me.

    2. What version(s) of Explorer are supported?

    The frustrating problem is that many of my prior questions could have been addressed in the user guide or forum, but I was unable to find solutions to my questions.  The good news is that the support team has been very responsive with prompt answers. 

    Help me through these processes so that the organization can go to a paid account and begin using in the second half of June.

     

    George

  • Sammy
    Replied on May 30, 2015 at 3:01 PM

    Sorry for the frustrations you are experiencing, i have tested you form on different version opf internet explorer, below are my finsings

    The spreadsheet widget displays correctly in IE9 and above

    IE8 and below are not supported this is a result of it not processing JavaScript correctly, it throws several JQuery errors, IE8 and older version of these browsers are known to have issues with JavaScript and CSS due to a different implementation.

  • HOWNewForms
    Replied on May 30, 2015 at 4:25 PM

    Thank you for the response and solution.  When I asked this question a few days ago, the response was to clear cache.  We can handle IE9 and above.

    Now that the solution is known I'll proceed creating four additional forms that will have imbedded spreadsheets.

    Again thanks for the continued responses and support from the staff.  I know I'll have more questions and will close with this one.

    I'll be turning all the forms loose for several people to test. 

    What steps do I need to take to have the submissions go back to JotForm and not my mailbox?
  • David JotForm Support Manager
    Replied on May 31, 2015 at 12:00 AM

    The issue is not related to the widget, the headings are shown in IE:

    The header row of the Spreadsheed widget is not shown on IE Image 1 Screenshot 30

    This has to do with the CSS before: tag used in the widget to replace the text:

    The header row of the Spreadsheed widget is not shown on IE Image 2 Screenshot 41

    I been reading some blog post( http://stackoverflow.com/questions/2546251/how-can-i-get-ie8-to-accept-a-css-before-tag ) about this common issue, some of them say that beginning with windows Internet Explorer 9, the ::before pseudo-element requires two colons.

    Meaning for browsers <IE9 - you must use :before and for >=IE9 - you must use ::before

    I have tried it and other workarounds, but I have not succeed yet. Seems is a issue that they haven't fixed yet. Anyways, I will still try to find a css solution for this, and let you know about it.