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.

Forms not displaying right

  1. The forms are not displaying right and it looks like every form option is being pushed below the checkbox for the multiselect field.

    In the case of the name field the form is also not showing up correctly and name/first/last is in the wrong places.

    Help please.

    Posted 9 years ago on Thursday March 3, 2011 | Permalink
  2. Your default forms.css file isn't being loaded. That's why the styling is off. Are you embedding the form via the shortcode in the content editor or are you using the php function call to embed the form directly into the page template?

    When using a Gravity Form in a sidebar widget or embedding it anywhere using the function call, you need to manually enqueue the scripts and CSS by placing a short script block in your theme's functions.php file.

    wp_enqueue_script("gforms_ui_datepicker", WP_PLUGIN_URL . "/gravityforms/js/jquery-ui/ui.datepicker.js", array("jquery"), "1.3.9", true);
    wp_enqueue_script("gforms_datepicker", WP_PLUGIN_URL . "/gravityforms/js/datepicker.js", array("gforms_ui_datepicker"), "1.3.9", true);
    wp_enqueue_script("gforms_conditional_logic_lib", WP_PLUGIN_URL . "/gravityforms/js/conditional_logic.js", array("gforms_ui_datepicker"), "1.3.9", true);
    wp_enqueue_style("gforms_css", WP_PLUGIN_URL . "/gravityforms/css/forms.css");

    Without this, the conditional logic scripts, datepicker script, form CSS and other elements needed for the full form functionality aren't loaded.

    You can find more information at the URL below

    Posted 9 years ago on Thursday March 3, 2011 | Permalink
  3. The Gravity Forms CSS is not being output.

    You need to make sure CSS output is turned on in the Settings page of Gravity Forms.

    Also you need to make sure your theme has the wp_head() function call in your header.php file and the wp_footer() function call in your footer.php file which Gravity Forms uses to enqueue scripts.

    If you are using the function call to manually insert a form instead of using a shortcode you may need to manually enqueue the necessary CSS and Javascript. This is discussed in the Documentation area that shows how to include a form via function call here:

    If you are using the shortcode and your theme doesn't use a traditional loop to display the page content it's also possible you may have to manually enqueue the necessary CSS and JS. Gravity Forms relies on the standard loop functionality and enqueue functionality to output the necessary CSS and Javascript.

    Posted 9 years ago on Thursday March 3, 2011 | Permalink