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?

  1. DChristoff
    Member

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

    http://www.primal.fm

    Any ideas?

    thanks

    Posted 9 years ago on Tuesday March 1, 2011 | Permalink
  2. 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 9 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 9 years ago on Tuesday March 1, 2011 | Permalink
  4. Okay thanks. So, the other part of my question.. using shortcode or function call to embed the form in the page?

    Posted 9 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 9 years ago on Tuesday March 1, 2011 | Permalink
  6. 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 9 years ago on Tuesday March 1, 2011 | Permalink
  7. 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 9 years ago on Tuesday March 1, 2011 | Permalink