PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Display problem: Internet Explorer, paragraph text field and conditional logic

  1. webmasterkdun

    Gravity Form Version 1.5.RC4.2 and Version 1.4.5
    Internet Explorer 8.0.7600.16385

    Our form includes a standard field "paragraph text" that is hidden according to conditional logic. When the field is shown because the option that triggers it is selected, the page layout is disrupted. Normally, the page is centered but now it is aligned left and the width is increased enormously, maybe 100 times more than normal (visible via the scroll bar). We thought that this is some problem or incompability with the theme's CSS but the source might also be some odd reaction of Internet Explorer to the underlying AJAX code. Oddly, if the zoom factor is changed at IE, the page is displayed normally again (including the paragraph text field). Also, as soon as the field is hidden again because the option that triggers the conditional logic is deselected, the page goes back to normal. This behavior only occurs with the standard field "paragraph" text, it does not replicate with other fields such as the single line text field. Whether animation is enabled or not makes no difference. We've been working on this for a couple of hours but to no avail. Any lead would be appreciated. Thanks in advance.

    Posted 11 years ago on Wednesday March 16, 2011 | Permalink
  2. webmasterkdun

    We just realized that this problem occurs always if a paragraph text field is included in a form. It has nothing to do with the conditional logic.

    Posted 11 years ago on Wednesday March 16, 2011 | Permalink
  3. First, does this happen in your form preview window as well as in your theme?

    Secondly, can you share a URL to your form page so we can take a look? There's not a lot we can tell you without being able to actually see/test the form.

    Posted 11 years ago on Wednesday March 16, 2011 | Permalink
  4. webmasterkdun

    Thanks for the quick reply.

    It does not happen in the preview window so it might be a problem with the theme styles. however, the content of the preview is left aligned from the outset anyway.

    The form is here:

    But that's the public version that works because we have exchanged the paragraph field with a single line field. Still, maybe you can get an idea what this is about. When the form includes a paragraph field, the whole white area "jumps" to the left in Internet Explorer.

    Posted 11 years ago on Wednesday March 16, 2011 | Permalink
  5. Yeah, it doesn't help much to show me a form without the field you're having problems with. That said, I copied your form, dropped in my test area and changed a text field to a textarea. All I did see in IE was the field width change when it was in focus. I didn't see any alignment differences.

    I noticed that you're using a local copy of the forms.css file in your theme rather than the default one from the plugin folder. When I changed that and pathed back to the default css file, the issue disappeared.


    So, you've got some erroneous CSS in your theme CSS files or else in your local copy of form styles ( that's causing the issue. I'm not sure exactly what it is, but that should give you somewhere to start the debugging process from.

    Posted 11 years ago on Wednesday March 16, 2011 | Permalink
  6. webmasterkdun

    Many thanks!

    Posted 11 years ago on Thursday March 17, 2011 | Permalink