Simple Thesis form « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

Bryan
Member

Hi guys,

I'm just trying to understand how to integrate GF with Thesis. I saw on another post to place this in the custom.css...but that is the only thing I've done to customize.

body .gform_wrapper input[type=checkbox],
body .gform_wrapper input[type=radio] {
width:auto!important
}

The simple form I'm attempting is at:

http://brazilattorney.org/uncategorized/test-forms/

It's in both the multimedia box as well as in the main content, to see what happened.

The "First" and "Last" shows up in the wrong place on both and the "submit" button is misplaced in the main content box.

Thoughts on what I need to do to fix this...and any other general customization might be necessary to avoid conflicts with Thesis?

Thanks,
Bryan

Posted 13 years ago on Wednesday April 13, 2011 | Permalink
Kevin Flahaut
Administrator
Your default form CSS isn't being loaded. That's why you're seeing the weird layout.

Go to your form settings and make sure the "output css" option is set to "yes". If so, how are you embedding the form? Are you using the shortcode in the page content or are you using the php function call to embed the form somewhere else?

When using a Gravity Form in a sidebar widget or embedding it anywhere using the php function call, you need to manually enqueue the scripts and CSS by placing a short script block in your theme's functions.php file.
```
if(!is_admin()) {
    wp_enqueue_script("gforms_ui_datepicker", WP_PLUGIN_URL . "/gravityforms/js/jquery-ui/ui.datepicker.js", array("jquery"), "1.4", true);
    wp_enqueue_script("gforms_datepicker", WP_PLUGIN_URL . "/gravityforms/js/datepicker.js", array("gforms_ui_datepicker"), "1.4", true);
    wp_enqueue_script("gforms_conditional_logic_lib", WP_PLUGIN_URL . "/gravityforms/js/conditional_logic.js", array("gforms_ui_datepicker"), "1.4", 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

http://www.gravityhelp.com/documentation/page/Embedding_A_Form
Posted 13 years ago on Wednesday April 13, 2011 | Permalink
Bryan
Member

Thanks Kevin. You were right about the form settings. I changed the css one to yes and the html5 to no......is that right???

That seems to have fixed the form in the content section. Now I placed the shortcode in both the content section and also in Thesis' multimedia box. Unfortunately, it just prints out the shortcode in the multimedia box instead of printing out the form.

Is there a way to get the form to show in the Thesis multimedia box?

http://brazilattorney.org/uncategorized/test-forms/

Thanks!
Bryan

Posted 13 years ago on Wednesday April 13, 2011 | Permalink
Kevin Flahaut
Administrator

Yep, sounds like you're on your way. the HTML 5 fields are optional for those who want them, but they're not necessary.

I really don't know much about the Thesis multimedia box or if it's supposed to support shortcodes. You would have to inquire with the DIY Themes team about that one for a definitive answer.

Posted 13 years ago on Wednesday April 13, 2011 | Permalink