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.

Highlighting not working

  1. Hello,

    The forms on my homepage are not showing any highlighting when required formfields are validated. On other pages it works fine.
    Looks like the forms on the homepage are linked to the template css.
    I would appreciate if someone could help me out with this.

    http://sonartc.nl/wordpress/

    Posted 11 years ago on Saturday November 6, 2010 | Permalink
  2. Your page isn't loading the forms.css file from the plugin folder. That's why you're not seeing the styles. Check your settings to make sure the "output css" option is set to yes.

    Posted 11 years ago on Saturday November 6, 2010 | Permalink
  3. Hi Kevin,

    I checked the output css settings and it is set to yes.

    Posted 11 years ago on Saturday November 6, 2010 | Permalink
  4. Then something else is wrong with your theme. It's not loading the necessary files.

    Make sure your theme has the wp_head() function included in the header.php file and the wp_footer() function included in the footer.php file. These are necessary to load the supporting CSS and javascript to make the forms work properly.

    http://codex.wordpress.org/Function_Reference/wp_head

    http://codex.wordpress.org/Function_Reference/wp_footer

    Posted 11 years ago on Saturday November 6, 2010 | Permalink
  5. Also, just thought of this. If you're loading your form via the function method rather than using the shortcode, you need to manually enqueue the scripts by adding a snippet of code to 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 11 years ago on Saturday November 6, 2010 | Permalink
  6. Hi Kevin,

    I inserted the code in the function.php and the highlighting works now.
    Thanks very much for your support.

    Posted 11 years ago on Saturday November 6, 2010 | Permalink
  7. Super. Thanks for the update. Have a great weekend.

    Posted 11 years ago on Saturday November 6, 2010 | Permalink

This topic has been resolved and has been closed to new replies.