Gravity Support Forums Topic: Forms not displaying right

Gravity Support Forums Topic: Forms not displaying right https://legacy.forums.gravityhelp.com/topic/forms-not-displaying-right Gravity Support Forums Topic: Forms not displaying right en-US Mon, 20 Apr 2026 08:24:51 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Carl Hancock on "Forms not displaying right" https://legacy.forums.gravityhelp.com/topic/forms-not-displaying-right#post-19828 Thu, 03 Mar 2011 12:33:22 +0000 Carl Hancock 19828@https://legacy.forums.gravityhelp.com/ 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: <a href="http://www.gravityhelp.com/documentation/embedding-a-form/" rel="nofollow">http://www.gravityhelp.com/documentation/embedding-a-form/</a> 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. Kevin Flahaut on "Forms not displaying right" https://legacy.forums.gravityhelp.com/topic/forms-not-displaying-right#post-19815 Thu, 03 Mar 2011 12:13:46 +0000 Kevin Flahaut 19815@https://legacy.forums.gravityhelp.com/ 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. <pre><code>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");</code></pre> 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 <a href="http://www.gravityhelp.com/documentation/embedding-a-form/" rel="nofollow">http://www.gravityhelp.com/documentation/embedding-a-form/</a> chris.kluis on "Forms not displaying right" https://legacy.forums.gravityhelp.com/topic/forms-not-displaying-right#post-19811 Thu, 03 Mar 2011 11:08:16 +0000 chris.kluis 19811@https://legacy.forums.gravityhelp.com/ 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. <a href="http://wp.mintek.com/contact/" rel="nofollow">http://wp.mintek.com/contact/</a> Help please.