WordPress.org

Forums

Fast Secure Contact Form
[resolved] Open div tags get auto-closed? (9 posts)

  1. figure8
    Member
    Posted 1 year ago #

    Hello,

    I wanted to create my own custom two-column layout for a FSCF form. My method was to put a <div id="column1"> in the Welcome Introduction, and put </div> after one of the later form fields. Then I wanted to insert <div id="column2"> and once again close this div after the last form field.

    Unfortunately, when I insert any kind of an open div before or after a field, FSCF or WordPress automatically closes it with </div>, which makes my plans of a custom two column solution impossible.

    Is there any way to stop the auto-closing of open divs?

    Thank you very much in advance.

    https://wordpress.org/plugins/si-contact-form/

  2. alexcowles
    Member
    Posted 12 months ago #

    Having the same problem here - did you find a solution?

  3. figure8
    Member
    Posted 12 months ago #

    Trying to remember, but don't think I found a solution. I think I ended up using a one-column form.

    If you want a simple approximation of two columns, you can check the option to make one form field follow another, but of course it's not the same as having two separate divs.

    Our best bet is to reach out to the plugin's author, Mike Challis, to find out where/why the auto-close occurs. Can you help us out, Mike?

  4. Mike Challis
    Member
    Plugin Author

    Posted 12 months ago #

    This plugin will not auto-close divs, but your theme, WordPress itself, or other plugins might be doing that

    See this help page to make a two column form
    http://www.fastsecurecontactform.com/two-column-form

  5. alexcowles
    Member
    Posted 12 months ago #

    I'm struggling to believe that anything else is auto-closing those divs. Very odd. I wouldn't even know how to go about finding that out either. I don't have any other plugins running that would in theory do that, and I don't think just having jQuery on the page will do that by default, not without me telling it to.

    Very odd.

  6. alexcowles
    Member
    Posted 12 months ago #

    Also - I really don't want to use tables to make a two column form - it's not semantic, since this isn't tabular data.

  7. Mike Challis
    Member
    Plugin Author

    Posted 12 months ago #

    Well I wrote the code in this plugin, so I would be the one to tell you that there is no logic in this plugin that auto-closes any divs.

    Make sure the form shortcode is not surrounded by p tags, or you can have some unexpected results.

    I did say that your theme, WordPress itself, or other plugins might be doing that.

    Although you should rule out the theme, or other plugins first, it might be the WordPress autop feature that causes divs to auto-close.

    Here is an option for two colum layout that does not use tables.
    http://mbrsolution.com/tutorial/fast-secure-contact-form-two-columns-layout.php

  8. Mike Challis
    Member
    Plugin Author

    Posted 12 months ago #

    Related help page on troubleshooting unwanted html in your form output
    http://www.fastsecurecontactform.com/extra-space-on-my-form

  9. figure8
    Member
    Posted 11 months ago #

    Thanks for your replies, Mike -- greatly appreciated.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Fast Secure Contact Form
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic