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.

Simple Thesis form

  1. 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 8 years ago on Wednesday April 13, 2011 | Permalink
  2. 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 8 years ago on Wednesday April 13, 2011 | Permalink
  3. 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 8 years ago on Wednesday April 13, 2011 | Permalink
  4. 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 8 years ago on Wednesday April 13, 2011 | Permalink