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.

JW Player causing the forms to misalign?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. DChristoff
    Member

    Just added the widget and all my forms went out of alignment.

    http://www.primal.fm

    Any ideas?

    thanks

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    looking at your form here.. http://www.primal.fm/?page_id=61

    I don't see the forms.css file being loaded. This was working/displaying properly before you activated the JW Player plugin? Are you using the shortcode to embed the form in the content editor or using the php function call to embed the form directly into the page template?

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink

  3. DChristoff
    Member

    Using the plug in. Yes, all the forms were working fine before the JW player was added.
    I need both.

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Okay thanks. So, the other part of my question.. using shortcode or function call to embed the form in the page?

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink

  5. DChristoff
    Member

    I believe function call during page creation. Forms were created with the plug in.

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    Okay, have you manually enqueued the scripts/CSS then?

    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

    http://www.gravityhelp.com/documentation/embedding-a-form/

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink

  7. Carl Hancock
    Administrator

    As @Kevin pointed out if you are using the function call the scripts and CSS aren't enqueued automatically because of how WordPress processes things. The function call is primary a developer function so in order to use it you also have to manually enqueue the necessary scripts.

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink