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.

Hanging P tags and other mismated tags in GF form output

  1. Hello,

    In inspecting the HTML of one my landing pages with a GF, I noticed several hanging tags within the GF form code. So far it's not causing a functional issue, but the HTML won't validate.

    If you look at the HTML of the following page, you'll see several hanging closing P tags towards the bottom of the GForm. If you view source with FireFox, it highlights the hanging tags to make them stand out.

    http://www.ultralevel.com/2013-vdi-blocks

    I have tested the same form on different WP sites and with different themes / plugins. The form output is the same.
    I look forward to gaining some insight on this.

    Thanks!
    Abdul

    Posted 11 years ago on Friday March 8, 2013 | Permalink
  2. David Peralty

    What version of Gravity Forms are you using? I don't see those extra paragraph tags on any of my test installs.

    Posted 11 years ago on Friday March 8, 2013 | Permalink
  3. Hi David, thanks for the speedy reply! It's Version 1.6.12.

    Here's the XML data for this exact form: http://pastebin.com/ccZGw9Tq

    Thanks!
    Abdul

    Posted 11 years ago on Friday March 8, 2013 | Permalink
  4. Looks clean to me on my dev site: screenshot

    Sounds like your theme might be using [raw] function. Try wrapping your form shortcode in those tags.

    [raw][gf shortcode][/raw]

    Reference: http://www.gravityhelp.com/forums/topic/bellow-submit-button#post-145515

    Posted 11 years ago on Friday March 8, 2013 | Permalink
  5. Hello all, sorry that it's taken me this long to reply. I didn't mean to leave everyone hanging when you were so responsive to my request.

    It took me a while to figure out what was going on, but here's my conclusion:

    For the live site that was experiencing this problem (www.ultralevel.com) I figured out the extra < P > tags were happening when ANY short codes were in use, not just GF's. Putting short codes between [raw] [/raw] does solve the problem, but causes layout issues with Visual Composer plugin (which we use just fine on all of our websites).

    A Google search reveals that there are actually a good number of people that are experiencing stray tags when using short codes. The resolution is probably to edit the theme's functions.php as the problem goes away using any of the WP default themes.

    The problem on my dev server was actually caused by ANOTHER plugin, lol. Same exact symptom, different plugin. This time it was Lizatom Short Codes plugin. If you're using that plugin, you almost always have to tick the top box to disable custom formatting for it to play nice with other plugins.

    I hope this helps somebody ;) Thank again for your help!

    One thing I must know, though.. how were you able to see / tell that we had [raw] function enabled??

    Thanks! Abdul

    Posted 11 years ago on Monday March 18, 2013 | Permalink
  6. When you view the source of the page, any theme with this functionality enabled will have additional < /p > and < br /> tags in the output around the gform_footer. That's how we know some plugin or theme is messing with the shortcode output.

    Glad you were able to resolve this one.

    Posted 11 years ago on Tuesday March 19, 2013 | Permalink

This topic has been resolved and has been closed to new replies.