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.

Form does not show in jQuery tabbed menu on the front page

  1. Samantha
    Member

    Hello,

    I have not been able to figure out how to display a form inside an area of a jQuery tabber in the front page. It is a page. The theme is The Station from WooThemes. The only thing that appears is:
    [gravityform id=1 name=HousingChecklist title=false description=false]

    Is there a possible conflict?

    Posted 13 years ago on Thursday May 27, 2010 | Permalink
  2. Apparently the tabber script pulls in the post data, but won't execute the shortcode to embed the form. You may have to contact the Woo team for some theme support/suggestion on that one. It's not a Gravity Forms conflict, just a theme limitation.

    Posted 13 years ago on Thursday May 27, 2010 | Permalink
  3. Samantha
    Member

    Got a reply WooThemes support:
    "Shortcodes can only be used in Post Content.

    You're gonna have to look at the Gravity Forms website to see the syntax for putting it directly into the code, or what the best alternative would be."

    It is a page that I have the shortcode in. Any ideas? Thanks.

    Posted 13 years ago on Friday May 28, 2010 | Permalink
  4. I'll look into it and I'll see what else I can find out.

    Posted 13 years ago on Friday May 28, 2010 | Permalink
  5. Samantha,

    I installed "the Station" theme locally and tested it out. The form worked fine.

    I embedded the form in a page, then included that page id in the tabber settings and it displayed the form properly.

    One thing I did note is that the styles aren't being loaded automatically because of how the form is being called into the page. To fix that, I manually enqueued the CSS and scripts by placing a short block of script in the themes functions.php file.

    //Enqueue Gravity Forms CSS and scripts for use outside the loop
    
    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");

    After adding that, all the styles were in place and the form looked and functioned as it should.

    screenshot

    I'm not sure what you've run into. It may be a conflict with another script or plugin. It's hard to tell without seeing it.

    If you still can't get it to work, you can send us an admin login to your site via our contact form and we'll take a look.

    Posted 13 years ago on Friday May 28, 2010 | Permalink
  6. Samantha
    Member

    Thank you for the information! Will try your suggestions.

    P.S. Gravity support is awesome!

    Posted 13 years ago on Friday May 28, 2010 | Permalink
  7. Thanks Samantha! Let us know how it goes.

    Posted 13 years ago on Saturday May 29, 2010 | Permalink